Comment tester la non-existence d'un élément en utilisant jest et react-testing-library ?

Question

J'ai une bibliothèque de composants pour laquelle j'écris des tests unitaires en utilisant Jest et react-testing-library. Sur la base de certains props ou événements, je veux vérifier que certains éléments ne sont pas rendus.

getByText , getByTestId etc. et une erreur dans react-testing-library si l'élément n'est pas trouvé, ce qui fait que le test échoue avant que l'élément ne soit trouvé. expect la fonction se déclenche.

Comment tester quelque chose qui n'existe pas dans jest en utilisant react-testing-library ?

Answer 1

Cela a fonctionné pour moi (si vous voulez utiliser getByTestId) :

expect(() => getByTestId('time-label')).toThrow()

Answer 2

Vous pouvez utiliser react-native-testing-library "getAllByType" et ensuite vérifier si le composant est nul. Cette méthode présente l'avantage de ne pas avoir à définir TestID et devrait également fonctionner avec des composants tiers.

 it('should contain Customer component', () => {
    const component = render(<Details/>);
    const customerComponent = component.getAllByType(Customer);
    expect(customerComponent).not.toBeNull();
  });

Answer 3

Autre solution : vous pouvez également utiliser un try/catch bloc

expect.assertions(1)
try {
    // if the element is found, the following expect will fail the test
    expect(getByTestId('your-test-id')).not.toBeVisible();
} catch (error) {
    // otherwise, the expect will throw, and the following expect will pass the test
    expect(true).toBeTruthy();
}