Реагировать на тестирование библиотеки - проверить наличие пустого div

Question

Я тестирую компонент, где, если ItemLength = 1, render возвращает null.

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

Когда я вызываю debug() в моем тесте, он показывает<div />.Как проверить, что компонент возвращает пустой тест в моем тесте?

Answer 1

Вы можете использовать jest-dom's toBeEmpty:

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

Answer 2

Поскольку вы пытаетесь проверить наличие пустого элемента div, можно попытаться проверить его, сопоставив узел (другое возможное решение - количество отображаемых узлов)

getByText(container, (content, element) => element.tagName.toLowerCase() === 'div')