如何通过Jest测试来测试从JS返回的HTML span元素？

Question

我有一个接受某些参数并返回HTML span元素的组件。我正在尝试为一个接受字符串值并返回带有字符串值的HTML span标签元素的组件编写一个Jest测试。

<span class=... >
value
</span>

我想通过Jest测试此组件，这是我编写的测试。

import Value from "./value";
import { shallow } from "enzyme";

describe("Test Value Component", () => {
    const value = "test";
    const component = shallow(Value);
    expect(component(value)).toMatchSnapshot();
});

但是，由于测试引发错误-ShallowWrapper can only wrap valid elements，因此无法正常工作。