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

Question

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

<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。

标签： javascriptreactjsjestjsenzyme