reactjs - React 测试库 - 检查空 div 是否存在

Question

我正在测试一个组件，其中 if ItemLength = 1 , render返回null .

const { container, debug } = render(<MyComp ItemLength={1} />);

当我打电话debug()时在我的测试中，它显示 <div /> 。如何检查组件在我的测试中返回空 div？

Answer 1

更新

使用toBeEmptyDOMElement由于 toBeEmtpy 已被弃用。

<小时/>

您可以使用jest-dom's toBeEmpty :

const { container } = render(<MyComp ItemLength={1} />)
expect(container.firstChild).toBeEmpty()