Question

我已经在React（使用Typescript）中创建了一个非常基本的功能组件。

但是，当我进行测试时-当我要求它收集{} s时，我会不断收到div：

因此该组件看起来像：

export const TestComponent: React.FC<FakeInt> = () => {
    return (
        <div>ARE YOU WORKING
           <div>Checking here</div>
        </div>
    )
};

以及

interface FakeInt {}

测试：

it('It does something', () => {
        let wrapper = shallow(<TestComponent />);

        expect(wrapper.find("div")).toEqual("")
});

（我刚好等于""，因为我希望看到收到的东西/只是想确认它是否确实找到了这些div）

如果我有console.log(wrapper.debug());，我实际上会看到包装器的内容，这很奇怪。

我正在使用的Jest版本是我的React应用程序附带的。

另外一条信息。 expect(wrapper).toMatchSnapshot();创建一个快照文件，其中还包含一个空对象{}

有什么想法吗？为什么这行不通？

谢谢。

Answer 1

请提供您正在使用的酶的版本，对于反应，您应该使用酶-适配器-反应16（或您正在使用的任何反应的版本）

在测试中：

import { shallow, configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'
configure({ adapter: new Adapter() })

超出正常范围

反应+酶-无法在功能组件中找到任何东西

1 个答案: