Tester ses composants React avec Testing Library

Philosophie de Testing Library

Testing Library encourage des tests qui ressemblent a la facon dont les utilisateurs interagissent avec votre app. Testez le comportement, pas l'implementation.

Les bases

Utilisez render(), screen.getByRole(), et userEvent pour simuler les interactions. Evitez getByTestId sauf en dernier recours.

Tests d'integration

Preferez les tests d'integration (render d'un composant avec ses enfants) aux tests unitaires de chaque sous-composant. Moins de tests, plus de confiance.

Ce qu'il ne faut pas tester

Ne testez pas les details d'implementation : state interne, methodes privees, appels de hooks. Ces tests cassent a chaque refactoring sans apporter de valeur.