reactjs - 用 enzyme 使多个成分变浅

Question

是否有可能使用 enzyme 的浅层来渲染更棕褐色的一种成分？

我有以下失败的测试:

  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

我认为您会希望使用 enzyme 的 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 进行单元测试以检查其输出。