Tests
Dans React et Next.js, il existe plusieurs types de tests que vous pouvez écrire, chacun ayant son propre objectif et ses cas d'utilisation. Cette page offre un aperçu des types et des outils couramment utilisés pour tester votre application.
Types de tests
- Tests unitaires : consistent à tester des unités individuelles (ou blocs de code) de manière isolée. Dans React, une unité peut être une fonction, un hook ou un composant.
- Tests de composants : sont une version plus ciblée des tests unitaires où le sujet principal des tests est les composants React. Cela peut inclure le test du rendu des composants, leur interaction avec les props et leur comportement en réponse aux actions utilisateur.
- Tests d'intégration : consistent à tester comment plusieurs unités fonctionnent ensemble. Cela peut être une combinaison de composants, hooks et fonctions.
- Tests End-to-End (E2E) : consistent à tester des flux utilisateur dans un environnement simulant des scénarios réels, comme le navigateur. Cela signifie tester des tâches spécifiques (par exemple, un processus d'inscription) dans un environnement proche de la production.
- Tests par instantané (snapshot) : consistent à capturer le rendu d'un composant et à l'enregistrer dans un fichier d'instantané. Lors de l'exécution des tests, le rendu actuel du composant est comparé à l'instantané enregistré. Les différences dans l'instantané indiquent des changements inattendus dans le comportement.
Guides
Consultez les guides ci-dessous pour apprendre à configurer Next.js avec ces outils de test couramment utilisés :
Vitest
Apprenez à configurer Next.js avec Vitest et React Testing Library - deux bibliothèques populaires pour les tests unitaires.
Jest
Apprenez à configurer Next.js avec Jest pour les tests unitaires.
Playwright
Apprenez à configurer Next.js avec Playwright pour les tests End-to-End (E2E) et d'intégration.
Cypress
Apprenez à configurer Next.js avec Cypress pour les tests End-to-End (E2E) et les tests de composants.