JavaScript : Les tests unitaires et fonctionnels

Démarrer le projet

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Grâce à un petit exercice très simple, vous réaliserez des tests unitaires et fonctionnels, une classe en JavaScript ainsi qu'une petite page HTML.
02:23

Transcription

Pour implémenter des tests fonctionnels et unitaires, il va nous falloir un semblant d'interface. Pour le moment, on n'a pas vraiment l'interface graphique. On ne va pas implémenter une grosse interface graphique mais, on aura des éléments qui nous permettront de faire des vrais tests fonctionnels. On va s'attarder sur de l'unitaire au départ. Qu'est-ce qu'on a devant les yeux ? On a simplement, ici, un document HTML5, tout ce qu'il y a de plus simple, avec un script très simple, et une classe en Vanilla JavaScript, donc, du pur JavaScript. Puis, un petit script qui va faire tourner quatre insertions, l'idée étant d'émuler une fenêtre de chat. Donc, si on lance le projet, ça va donner ça : Salut! Hey, salut, ça va ? Bien et toi ? Simplement, l'idée étant d'émuler, on a utilisé des timeout pour pouvoir utiliser la classe derrière. Que fait cette classe ? Elle est très simple également. Il y a une fonction Say qui permet de prendre nom et texte et qui permet d'insérer toutes ses informations à l'intérieur d'un chat, qui est un array au-dessus, qui va s'occuper de faire le rendu, donc le rendu innerHTML sur le body, et à prendre un peu de logique. On va simplement ajouter la ligne au chat. On va pouvoir récupérer la taille du chat. Pour le moment, on ne l'utilise pas dans l'interface, mais ça va venir. Et, on va avoir une fonction displayChat très simple, qui fait un reverse sur le chat pour avoir cet effet de ligne qui reste en bas et donc, du premier texte qui se retrouve en haut. On va avoir également, ici, une petite logique qui permet de rejoindre toutes les chaînes qu'on aura stockées, de composer les chaînes et de les rejoindre avec un br pour avoir le chat. Voyez, il n'y a rien de compliqué dans cette classe. L'idée, c'est d'avoir un projet simple pour commencer des tests. Vous allez voir que rien que cette partie-là, c'est-à-dire avoir un petit script, ça va nous permettre de travailler. Pensez toujours, et c'est important, à avoir une vraie fonction propre qui implémente des return sur certaines choses, sinon, vous ne pourrez pas tester vos différentes fonctions. Donc, ça, c'est vraiment très important, les return sont très importants. Car si vous n'avez pas de retour, qu'allez-vous tester ? Donc, vraiment, pensez à ça. On a un petit projet, on va pouvoir partir sur les tests fonctionnels, unitaires directement avec ce petit projet-là.

JavaScript : Les tests unitaires et fonctionnels

Réalisez des tests unitaires avec Jasmine et des tests fonctionnels avec CasperJS. Testez le code source et le rendu visuel de votre application, et optimisez vos développements.

1h54 (31 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Jasmine Jasmine 2.5
CasperJS CasperJS 1.1.4
Spécial abonnés
Date de parution :5 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !