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

Tester avec Jasmine

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez tout l'intérêt du test runner de Jasmine. Vous aurez une vue d'ensemble des tests et vous pourrez les modifier rapidement grâce à un jeu de couleurs et d'options selon les cas.
04:09

Transcription

Alors, dans la plupart des cas, on va avoir quelque chose qui va nous permettre de jouer les tests. Alors, si vous le faites avec Node ou Python, etc. Vous aurez un runner plutôt en console. Ici, on va avoir une page HTML qui s'appelle SpecRunner, si on la regarde un petit peu concrètement cette page, qu'est-ce qu'elle va faire ? Elle va simplement prendre Jasmine, jasmine-html et le boot.js qui sont en fait les fichiers par défaut qui permettent de démarrer les tests, et ensuite, elle va prendre nos fichiers source, et bien sûr, nos fichiers de Spec, alors ça, c'est extrêmement important aussi, les fichiers de Spec, parce que si vous ne les ajoutez pas, ça ne marchera pas. Si on recharge cette page, il n'y a pas de fichiers de Specs actuellement, donc ça ne fonctionnera pas. Maintenant, vous allez pouvoir ajouter des fichiers de Spec, vous allez prendre cette ligne-là, vous allez la copier, et puis vous allez ici simplement définir que vous avez une Spec qui s'appelle saySpec, celle qu'on vient d'écrire, et vous allez relier ce fichier. Vous enregistrez bien cette page, et à partir de maintenant, vous allez pouvoir recharger. Alors, vous remarquerez qu'effectivement, ce que l'on a écrit dans le saySpec ici, va se transformer, et donc la suite va être récupérée, donc, le texte qu'on a écrit en fait est récupéré, et ensuite, en dessous, les cas de test sont récupérés également. On devrait avoir peut-être ici, des informations plus intéressantes, donc là, il faut vraiment décrire ce que ça doit faire, par exemple : « Test pour l'exercice », et ici, on va mettre « Une règle qui passe », et ensuite en dessous, on va ajouter « Une règle qui ne passe pas. » Alors pour la règle qui ne passe pas, il va falloir faire en sorte que ça plante. Pour la règle qui ne passe pas, ici, vous allez simplement ajouter (false). Donc vous allez avoir une première règle qui va être (true), qui va expect(true), et qui va être toBe(true), et vous avez une deuxième règle expect(true), qui va être toBe(false). Normalement, celle-ci ne devrait absolument pas passer. Qu'est-ce qui se passe quand ça ne passe pas ? Quand ça ne passe pas, il va vous dire combien de Specs vous avez dans votre projet, et si vous avez ici un problème, vous allez voir ce problème qui s'affiche. Ce qui est très intéressant quand on va utiliser en tout cas le SpecRunner, c'est qu'ici, on va avoir toute la stracktrace de se qui se passe réellement. On va savoir exactement où est ce que ça a cassé, et on va pouvoir debugger en conséquence. L'idée d'écrire des tests avant d'écrire le code vous permet d'avoir un fichier complètement rouge, et au fur et à mesure de faire passer en fait ce fichier avec les petits points verts qu'on a là, et d'arriver à la fin à un test complet, ça, c'est vraiment génial à faire, je vous conseille vraiment de mettre en place ce genre de solution parce que ça va vous aider à développer extrêmement vite. Alors dans la Spec List, on retrouve ici les différentes Specs dont celle qui n'est pas passée. Si je clique sur celle qui n'est pas passée, je vais avoir effectivement Test pour l'exercice Une règle qui ne passe pas, et bien sûr, je peux revenir en arrière ici, à l'intérieur sur la Spec liste, pour avoir la règle par exemple qui passe, et effectivement, on verra que celle qui passe, on peut aller la regarder, on peut récupérer les différents scénarios, etc. Vous avez un lien vers Jasmine, ici, et des options aussi, alors on pourrait avoir le raise ici, qui nous permet d'avoir des petites stacktraces quand on a des problèmes. On pourrait aussi avoir directement le stop, le stop, eh bien, il va s'arrêter si jamais il y a un problème. Alors, si vous ne mettez pas le stop spec ici, ça veut dire qu'il va tout faire, et puis il vous dira quels sont les problèmes. Si vous mettez le stop, il s'arrêtera à la première, et puis vous devrez la corriger, vous rechargez la page, et puis comme ça vous avancez au fur et à mesure. Et vous pouvez aussi lui demander de jouer les tests en mode random. Alors ça, ça peut être intéressant, il faut savoir qu'un test, logiquement ne doit pas être lié à d'autres. Alors si vous voulez faire différents hits qui sont liés ensemble, vous allez les relier dans un describe, mais essayez de faire en sorte que vos tests ne soient pas liés les uns aux autres, tout simplement pour pouvoir vraiment tester de façon unitaire, c'est-à-dire de tester uniquement une partie de votre code à la fois, et donc de ne pas tout tester d'un coup, ça, c'est important aussi. Alors vous voyez que le runner est très simple, n'oubliez jamais de rajouter vos Specs à chaque fois que vous en écrivez, et n'oubliez pas de rajouter vos fichiers source également, sinon, tout simplement ça ne marchera pas, et vous allez avoir un petit problème dans votre code ou alors vous n'allez pas simplement voir les tests qui se jouent, et vous allez vous demander pourquoi. Il ne faut vraiment pas oublier, cette partie-là, elle est très importante.

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 !