Jest - comment tester si un composant n'existe pas?

Question

Comment vérifier si un composant n’est pas présent, c’est-à-dire qu’un composant spécifique n’a pas été rendu?

Answer 1

Vous pouvez utiliser enzymes contains pour vérifier si le composant a été rendu:

expect(component.contains(<ComponentName />)).toBe(false)

Answer 2

.contains reçoit un argument ou un tableau de noeuds de réaction. Au lieu de cela, utilisez .find :

expect(wrapper.find('selector').exists()).toBeTruthy()

Answer 3

Fournir une réponse légèrement actualisée basée sur la documentation de toExist

function Fixture() {
  return (
    <div>
      <span className="foo" />
      <span className="bar baz" />
    </div>
  );
}

const wrapper = mount(<Fixture />); // mount/render/shallow when applicable

expect(wrapper.find('span')).toExist();
expect(wrapper.find('ul')).not.toExist();