JavaScript : Les tests unitaires et fonctionnels

S'initier à CasperJS

Testez gratuitement nos 1246 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dans cette séquence, vous allez légèrement modifier le code et le mettre à jour pour des tests fonctionnels. Ensuite, vous découvrirez CasperJS.
03:00

Transcription

On va maintenant s'attaquer à la partie CasperJS. Vous avez vu comment faire des tests unitaires, maintenant, on va parler des tests fonctionnels. Vous allez voir que Casper est un outil surpuissant. Non seulement, on va pouvoir écrire des tests pour son application, mais en plus de ça, on va avoir la possibilité de faire du scraping, c'est-à-dire de récupérer des informations dans la page. On va disposer de beaucoup de choses. Des sélecteurs. Donc pas mal, en fait, de sélecteurs disponibles, CSS notamment, mais on a aussi les XPath qui existent pour aller chercher des éléments dans la page. On va avoir tout un environnement qui nous permet de faire des tests, donc, des tests aussi unitaires, pourquoi pas mais surtout des tests sur des choses qui se trouveraient dans la page, des choses qui pourraient exister, donc, on a des assertExists, des assertTitle, etc. qui nous permettent de vérifier des choses. On va avoir, également, toute une documentation sur les possibilités offertes par le framework. Et ça, c'est vraiment très intéressant parce que, notamment, on va avoir toutes les actions de base que vous pourriez réaliser vous-mêmes en tant qu'utilisateur, et on va pouvoir développer de vrais scénarios d'utilisation comme si un utilisateur utilisait l'application. Alors, je vous laisse imaginer : vous allez écrire une fois le test, et donc plutôt que de le jouer tous les jours devant votre machine, à la main avec votre souris et votre clavier, vous allez pouvoir demander à Casper de jouer le test d'utilisation pour vous, vous allez perdre un petit peu de temps à écrire le test mais plus jamais à le faire vous-même à la main. Il y a beaucoup de méthodes qui existent. On peut logger, on peut sortir, on peut, avec fill(), remplir des formulaires, par exemple, récupérer l'URL actuel, etc. Vous allez voir que c'est très intéressant à utiliser, c'est très simple aussi, ça va très vite. On va écrire de petits tests, là, juste pour tester notre interface. Notre interface a un tout petit peu évoluée. Je vais vous montrer un petit peu ce qu'on a actuellement. Donc là, on va avoir, effectivement, notre interface. Et notre interface, si vous regardez bien ici, vous allez voir que j'ai ajouté un tout petit code en plus, donc un script que vous avez ici, qui va nous permettre d'utiliser les tests en Casper, et donc, de pouvoir travailler avec, puisque Casper va s'attendre à une page fonctionnelle, il faut que ce soit fonctionnel pour lui. Donc, j'ai rajouté un formulaire avec un identifiant send, un input text avec un tout petit peu de CSS pour le placer en bas. Et surtout, j'ai rajouté un bout de script qui nous permet donc de récuperer, tout en Vanilla JS, querySelector, le champ send du formulaire send et le champ input. de mettre le focus sur l'input, et puis ensuite j'ai ajouté juste un petit EventListener sur le submit pour récupérer la valeur, mettre le name Julien par défaut, et puis, permettre de dialoguer, ce qui veut dire qu'actuellement, notre interface nous permet réellement de dialoguer. Si je mets « Salut », hop, ça s'affiche, voilà, « Comment ça va? » et puis je peux travailler comme ça sans aucun problème. Dès que je recharge, évidemment, il n'y a plus rien. On va commencer, et on va, du coup, écrire un premier test, très rapide, histoire de comprendre comment ça fonctionne, tout simplement, avec CasperJS, et puis on va le faire tourner. Vous allez voir que c'est facile à mettre en place, et on peut en écrire après des centaines sans aucun problème.

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
Votre/vos formateur(s) :
Date de parution :5 avr. 2017
Durée :1h54 (31 vidéos)

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 !