React testing library - vérifier l'existence de div vide

Question

Je teste un composant où si ItemLength = 1, render renvoie null.

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

Lorsque j'appelle debug() dans mon test, il affiche un <div />. Comment vérifier que le composant renvoie une div vide dans mon test?

Answer 1

Puisque vous essayez de tester un div vide, vous pouvez essayer de le tester en faisant correspondre le nœud (une autre solution possible est le nombre de nœuds rendus)

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