Jest Enzyme测试一个在render方法中返回null的React组件

Question

我有一个组件在某些条件下在呈现中返回null:

render() {
  if (this.props.isHidden) {
      return null;
  }

  return <div>test</div>;
}

我想检查当使用jest和酶时isHidden为true时组件是否为null:

describe('myComp', () => {
    it('should not render if isHidden is true', () => {
        const comp = shallow(<myComp isHidden={true} />);
        expect(comp.children().length).toBe(0);
    });
});

这有效,但有没有更惯用的方式来编写这个测试？对呈现为null的组件进行测试是一种常见的情况.

Answer 1

   expect(comp.type()).toEqual(null)

而已!

要么: expect(comp.get(0)).toBeFalsy()

Answer 2

根据ShallowWrapper::html实现,如果组件实例类型为null,则返回null,结果为render.

expect(comp.html()).toBeNull();

Answer 3

ShallowWrapper具有isEmptyRender()功能：

expect(comp.isEmptyRender()).toBe(true)

Answer 4

我们将以下内容与 jest-enzyme 一起使用

expect(comp).toBeEmptyRender()