Nous allons apprendre à réaliser ici des tests en développement Web.
Pourquoi faire des tests, les différents tests et comment procéder.
Nous réaliserons enfin nos premiers tests avec Jest.
Pourquoi faire des tests en développement web?
On réalise des tests pour avant tout éviter les bugs et également pour vérifier l'avancée d'une application à chaque ajout de fonctionnalité.
Les différents tests
Tests unitaires : les tests unitaires testent des fonctionnalités de manière isolée.
Tests d'intégration : les test d'intégration testent des fonctionnalités qui vont associer plusieurs parties.
Tests end-to-end : les tests E2E visent à vérifier le bon fonctionnement d'une application ou d'un système dans son ensemble, en simulant un scénario utilisateur complet.
Comment fonctionne un test
On prépare.
On déclenche.
On vérifie le retour afin que cela corresponde bien à ce à quoi on s'attend.
Réaliser des tests avec JEST
Jest est une librairie open-source créée par Facebook qui permet de créer un environnement de tests Javascript.
Jest Utilise Node.js et JSDOM pour simuler le DOM (ce qui permet de simuler le comportement dans un navigateur).
D'autres librairies de test : React Testing Librairie (fonctionne avec Jest)
Cypress : pour les test end to end.
npm i @types/jest
Permet l'auto implémentation lorsqu'on écrit les tests.
describe : permet de regrouper des tests. Il contiendra un bloc it ou test à l'intérieur.
expect: fonction qui prend en paramètre une valeur.
On passe ensuite un matcher qui permet de passer un paramètre à cette méthode et de voir si cela fonctionne.