Bonjour et bienvenue dans ce cours sur les tests automatisés en JavaScript. Je m’appelle Thomas Dimnet, je suis moi-même développeur et je suis aussi mentor chez OpenClassrooms.
Ce cours a pour objectif de vous apprendre à tester vos applications JavaScript.
Vous verrez notamment comment :
Mettre en place une stratégie de test efficace pour vos applications ;
Mettre en place des tests unitaires avec Jest ;
Réaliser des tests d’intégration avec Jest et Testing Library ;
Et enfin, découvrir les stratégies de tests complémentaires.
Pour bien saisir l’ensemble de ce cours et appliquer les concepts que nous allons voir, il vous est nécessaire d’être familiarisé avec :
Le HTML et le CSS. Même si nous n’allons pas manipuler directement ces deux langages, ces derniers constituent le ciment du web.
Le JavaScript et le DOM. Il est important que vous soyez familiarisé avec tous les concepts de base de la programmation : variables, fonctions, valeurs de retour, etc.
Concernant le DOM, nous allons utiliser de nombreuses méthodes du DOM pour sélectionner des éléments et tester leur validité. :)Git et GitHub. Le projet fil rouge ainsi que l’intégralité des exemples sont présents sur GitHub ; nous nous servirons de Git pour changer de branche à chaque chapitre.
Familiarisez-vous avec le contenu du cours
Le test d’application est une partie essentielle de votre travail de développeur. Comme pour le débogage, bien comprendre comment tester une application est une compétence essentielle ! Dans ce cours, nous n’allons pas utiliser de framework front-end tel que React, Angular ou Vue.
Mais ce n’est pas un peu bizarre de voir les tests en dehors d’un framework ? C’est quand même ce qu’on va utiliser tous les jours en entreprise.
C’est une excellente remarque !
Cela dit, il est important de comprendre comment bien tester des applications en dehors du framework ou de la librairie que vous utilisez.
En effet, les outils et frameworks évoluent constamment. Par exemple, React est aujourd’hui l’outil le plus utilisé côté front-end. Cela dit, peut-être que d’ici quelques années, un autre framework aura pris sa place. Il est donc important d’être capable de comprendre comment réaliser des tests en dehors d’une technologie particulière.
Par ailleurs, vous manipulez le plus souvent du Vanilla JavaScript, autrement dit du JavaScript pur, quand vous réalisez vos tests : cela va vous permettre de renforcer votre compréhension du langage ! Bref, c’est une stratégie gagnante. :)
Dans ce cours, vous trouverez notamment :
Des vidéos :
au début de certains chapitres, elles vous permettront de découvrir des concepts clés liés aux tests d’application,
au sein même des chapitres. Nous appelons ces vidéos des screencasts. Ils me permettront de vous montrer des exemples concrets ;
Du texte qui permettra :
de vous présenter les notions en détail, et de vous donner des conseils,
de vous montrer des exemples des concepts que je présente, avec des snippets de code,
de partager des liens vers des ressources complémentaires telles que des articles de blog ;
Des quiz, qui vous permettront de valider les compétences acquises durant la partie du cours correspondante ;
Et enfin un projet fil rouge qui vous servira de cas d’application.
Appliquez les concepts clés grâce au projet fil rouge
En plus des snippets de code et des exemples d’application, vous allez pouvoir travailler sur un projet.
Ce dernier va être le fil rouge de notre cours. À chaque chapitre, j'y reviendrai pour faire des mises en situation.
Vous pouvez dès à présent télécharger les sources du projet sur ce repository GitHub, et commencer à regarder le code. Nous reviendrons dessus dès le prochain chapitre !
Prêt à devenir un pro du test ?
À tout de suite au prochain chapitre !
