Tirez un maximum de ce cours
Les tests automatisés jouent un rôle essentiel dans la qualité des applications modernes. Pourtant, il n'est pas toujours évident de savoir quels tests écrire, à quel niveau intervenir ou quels outils utiliser selon le contexte.
Dans ce cours, vous allez découvrir comment construire une stratégie de test complète pour une application full-stack développée avec Next.js. Vous apprendrez à sécuriser progressivement chaque couche de l'application grâce aux tests unitaires, aux tests d'intégration, aux tests de composants et aux tests end-to-end.
À travers un projet fil rouge concret, vous manipulerez les principaux outils utilisés aujourd'hui dans l'écosystème JavaScript moderne : Vitest pour les tests unitaires et d'intégration, React Testing Library pour les composants React, et Playwright pour les parcours utilisateur complets.
Rencontrez votre professeur
Découvrez le fonctionnement du cours
Ce cours suit une progression logique que l'on a séquencée en six chapitres.
Avant de démarrer, voici quelques conseils pour exploiter au mieux le contenu de ce cours et optimiser votre apprentissage :
Lisez le texte dans chaque chapitre pour comprendre pourquoi les concepts abordés sont importants.
Profitez de chaque occasion de pratiquer en faisant une pause dans le cours pour vous entraîner de votre côté, et reproduire pas à pas ce que vous avez lu dans le cours !
Découvrez le fil rouge
Félicitations ! Vous rejoignez une équipe qui développe une application de gestion de tâches construite avec Next.js App Router. L'application est déjà fonctionnelle : les utilisateurs peuvent s'authentifier, créer des tâches, les consulter et les mettre à jour.
Cependant, un problème important subsiste. Aucun test automatisé n'a encore été mis en place. À l'approche de la mise en production, votre tech lead souhaite renforcer la fiabilité du projet et vous confie une mission : construire une suite de tests complète capable de sécuriser l'ensemble de l'application.
Au fil du cours, vous interviendrez comme un véritable développeur de l'équipe. Vous commencerez par mettre en place l'environnement de test, puis vous validerez la logique métier avec Vitest. Vous testerez ensuite les routes API et les composants React avant de reproduire des parcours utilisateur complets avec Playwright.
Téléchargez la fiche résumé du cours
