Tests

Dans React et Next.js, il existe plusieurs types de tests que vous pouvez écrire, chacun ayant son propre objectif et cas d'utilisation. Cette page fournit un aperçu des types de tests 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ù l'objet principal des tests sont les composants React. Cela peut inclure le test du rendu des composants, de leur interaction avec les props et de 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 un 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 Testing) : 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é peuvent indiquer des changements inattendus dans le comportement.

Guides

Consultez les guides ci-dessous pour apprendre comment configurer Next.js avec ces outils de test couramment utilisés :