用酶使多个成分变浅

Question

是否可以使用酶的浅层渲染更棕褐色的一种成分？

我有以下失败的测试：

  it('should have different ids for different checkboxes', () => {
      const wrapper = shallow(<div><Checkbox {...props} /><Checkbox {...props} /></div>)

    const inputs = wrapper.find('input')
    expect(inputs.length).toBe(1)
  })

Answer 1

我想你会想要使用酶的 mount 而不是 shallow。这是假设您的 Checkbox 组件将为您提供测试正在寻找的 input。 shallow 不渲染嵌套组件。顾名思义，它会对您传递给它的内容进行浅层渲染。 mount，另一方面，将呈现嵌套组件。

有关 mount 和 shallow 的更多详细信息，请查看其文档： https://github.com/airbnb/enzyme/blob/master/docs/api/mount.md https://github.com/airbnb/enzyme/blob/master/docs/api/shallow.md

综上所述，如果这是一个单元测试，那么它不应该关心 Checkbox 的输出。 Checkbox 将进行单元测试以检查其输出。

用酶使多个成分变浅

render multiple components with enzyme shallow

reactjs

enzyme