node.js - 如何使用 jest 和酵素与孩子一起测试 React 组件？

Question

要测试的组件。this.props.children 有 example.js 的子组件

class Example extends component {
  constructor(){
      super(props);
      this.state={};
    }
   render() {
        <div>{this.props.children}</div>
     }
}

测试用例

it("should render  Example with children", () => {
    const wrapper = shallow(<Example {...props} />);
     expect(wrapper.find("div").text()).toBe(""); //
   });

如何测试通过的子组件？

谢谢。

Answer 1

你可以像下面这样使用

describe('Parent Component', () => {
   it('renders Child component', () => {
   const wrapper = shallow(<Parent store={store} />);
   expect(wrapper.find(Child).length).toEqual(1);
  });
});

此外，如果您只想测试子组件 div 使用这样的

const wrapper = shallow(<MyComponent />);
expect(wrapper.find('Foo')).to.have.lengthOf(1);