Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

JavaScript : Les tests unitaires et fonctionnels

Mettre en place une commande

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Pour vous simplifier la tâche, utilisez la commande de test du gestionnaire de paquets npm. Ainsi, vous mettrez rapidement en place le lancement des deux commandes actuelles de test.
04:37

Transcription

Il pourrait être intéressant d'automatiser un petit peu le lancement des tests, bon, on n'utilise pas Jasmine pour npm, mais vous pourriez tout à fait utiliser Jasmine pour npm, alors faites très attention quand même si vous utilisez Jasmine en version Node, parce que Jasmine en version Node, en fait le petit problème qu'on va avoir, c'est qu'on va devoir transformer notre code en bundle Node pour pouvoir le charger, sinon, ça va tout simplement pas fonctionner, voilà, il faudra quand même faire pas mal de petites choses, sinon, on n'aura pas la possibilité de travailler directement avec une classe Java Script toute simple, ça ne marchera pas, il faudra transformer ça en Node. Cependant, on va pouvoir quand même automatiser un tout petit peu le lancement pour ne pas avoir à taper à chaque fois par exemple toutes les commandes de test. Il suffira d'installer un projet avec npm en faisant npm init. Alors, vous allez initialiser votre projet, vous l'appelez tests et comme vous voulez, là, vous pouvez faire un petit peu ce que vous voulez au niveau des informations, faites simplement entrée partout. Et puis, vous allez avoir à l'intérieur de votre projet maintenant, un fichier qui va s'appeler package.json. Alors ce package.json, il va être très intéressant pour vous, parce que vous allez à l'intérieur, avoir des informations, et surtout, un script permettant de lancer la commande de test. Alors ici, les scripts et le test, en fait ça vous permet de venir travailler ici des commandes particulières, donc concrètement, ici, si je viens taper test, si simplement je lui dis npm test, là, je vais avoir un retour console qui va me dire ben non, ça peut pas fonctionner parce qu'il n'y a pas de test. Mais je pourrais très bien lui implémenter la petite commande qui va bien, et donc lui dire effectivement que c'est casper test qu'on va utiliser avec le dossier. Donc là, je vais simplement lui rajouter cette partie-là, et puis, je vais lui mettre ça en commande de test, et comme ça, il saura que c'est cette commande-là qu'il doit lancer automatiquement pour lancer les tests. On va relancer avec npm le npm test, et ici, il va savoir que npm test doit lancer cette commande-là. Alors, c'est intéressant, cette manière de faire parce que ça va vous permettre d'automatiser le lancement des tests, et pourquoi pas, d'avoir plusieurs commandes différentes. Alors vous pourriez vous dire que quand vous lancez les tests, vous lancez les tests en casper, et puis ensuite pourquoi pas, vous allez avoir l'ouverture automatique de votre fichier de test, c'est possible aussi, je vais vous montrer comment on peut faire. Donc concrètement, il va suffire de rajouter ici une commande supplémentaire, et on sait, nous actuellement dans notre dossier que les tests se trouvent dans le dossier test, d'accord. On sait aussi que c'est dans le dossier unit, donc là, c'était test et unit. Et on sait également actuellement, que ça s'appelle le SpecRunner. Donc, on pourrait lui dire tests avec un s, unit et SpecRunner, et de l'ouvrir. On va lui dire simplement open, comme ça, tests, tests qu'on a ici, unit, et respectez bien le nom du fichier, sinon, il saura tout simplement pas l'ouvrir, et donc on va utiliser ici le SpecRunner.html, donc Spec, on va le mettre ici. SpecRunner.html. En faisant ça, vous allez avoir une commande qui va lancer en fait, directement les deux informations. Alors il faut revenir directement à la racine de votre dossier, sinon ça marchera pas, et ici, il faut relancer tout simplement npm test, vous voyez que c'est quand même un petit peu plus rapide que à chaque fois de taper toute la commande casper. Là, il va vous lancer les tests, une fois que c'est terminé, il va vous ouvrir automatiquement la page Jasmine qui va elle aussi, faire les tests unitaires, et comme ça vous avez les deux séquences de test qui vont partir l'une après l'autre, et vous allez vous retrouver avec quelque chose qui est déjà testée et qui, surtout déclenche tout avec une seule commande, c'est quand même vraiment plus intéressant que de tout taper à la main etc. Ça, ça va vous permettre d'automatiser. En outre, vous allez pouvoir aussi gérer, si vous le souhaitez, vos paquets et vos dépendances avec npm, mais bon, ça c'est encore un autre sujet. Sachez simplement que ça, ça peut vraiment être très intéressant pour vous de venir travailler avec les commandes de tests et donc d'automatiser un minimum votre site en mettant en place ce petit système-là, après, il y a des Runners qui existent, vous pouvez utiliser des Runners, du Grunt par exemple, ou des Runners de tests, Karma dispose de son Runner, enfin voilà. Il y a pas mal de choses autour des tests fonctionnalitaires qui existent. Là, je vous montre rapidement comment mettre en place une petite commande et pour simplifier un petit peu la vie, et après vous pouvez imaginer plein plein de choses, notamment lancer des suites de tests qui se trouvent dans des dossiers séparés etc. Là, votre organisation après, elle va être celle que vous voulez, on peut organiser comme on en a envie.

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 !