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

Question

我正在测试 if ItemLength = 1,render返回的组件null。

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

当我调用debug()我的测试时，它显示一个<div />. 如何检查组件在我的测试中返回一个空 div？

标签： reactjsreact-testing-library

Answer 1

您可以使用jest-dom 的toBeEmpty：

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