Javascript 如何通过Jest测试测试JS返回的HTML跨元素？

我有一个组件，它接受某些参数并返回一个HTML span元素。我试图为一个组件编写一个Jest测试，该组件接受一个字符串值并返回一个带有字符串值的HTML span标记元素

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

---

但是，这不起作用，因为测试抛出了错误-

shallowRapper只能包装有效元素

-它需要一个元素，

shallow（）

。我也尝试过，在尝试包装它时也会出现语法错误。什么语法错误？您的项目是否实际设置为传输JSX？如果对此不熟悉，我建议使用CreateReact应用程序，它还附带React测试库，而不是酶。

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

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