Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

JavaScript : Les tests unitaires et fonctionnels

Colorer les sorties

Testez gratuitement nos 1343 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Avec les colorations, mettez en exergue certaines informations et insufflez un peu plus de vie à vos tests.
04:11

Transcription

Il existe aussi une possibilité avec Casper, d'ajouter de la couleur. Alors pourquoi est-ce qu'on ajouterait d'abord de la couleur ? Tout simplement parce qu'on va, de temps en temps, avoir besoin de colorer les sorties. Je vous explique ce qui va se passer : En fait on a actuellement des casper.echo que l'on a implémentés. Le problème de ces casper.echo, c'est qu'ils ne sont pas vraiment très parlants, et puis regardez, le texte reste blanc, donc, il n'y a rien de vraiment efficace à l'écran pour mettre en place une information vraiment visuelle sur ce qui se passe. On ne sait pas que c'est une action qui est en train de se passer. Si vous avez envie de colorer les sorties, vous avez tout à fait la possibilité de le faire. Pour colorer les sorties, vous allez utiliser le colorizer module. Ce clorizer module, vous n'avez pas besoin forcément de le déclarer comme c'est écrit ici, il suffira simplement dans casper.echo d'utiliser des bannières de couleur. Alors par exemple, si on utilise la bannière INFO, eh bien, ça va être écrit en vert directement dans l'interface. La bannière ERROR va être écrite en rouge directement dans l'interface. On pourrait essayer, c'est très facile à mettre en place, il suffira simplement de définir le deuxième paramètre de la sortie avec le casper.echo, et ici, on pourrait simplement venir mettre ici la bannière info, et vous allez voir qu'effectivement, ça va colorer la sortie, on va avoir de l'information. Moi, je préfère vraiment quand c'est comme ça, parce que ça vous permet de vous repérer, et vous voyez qu'ici, effectivement, on voit que c'est en vert, et que donc, c'est une action qui est effectuée. Alors petit problème quand même, c'est en vert, bon, ça ressemble au PASS, et du coup, ça peut être un petit peu embêtant d'avoir les mêmes couleurs. Vous allez descendre un petit peu dans cette page de documentation, et vous allez vous rendre compte qu'effectivement, il existe tout un tas d'autres couleurs que l'on peut utiliser. Alors on a ERROR évidemment qui va avoir un background rouge, donc un fond rouge et un texte blanc. On va avoir également INFO, donc simplement du texte vert. TRACE, simplement du texte vert également. PARAMETER avec un texte cyan, COMMENT avec un texte jaune, etc. etc. Il y en a un, moi, que je trouve pas trop trop mal, c'est le GREEN_BAR qui permet d'avoir une barre verte, ou alors mieux que ça, le INFO_BAR qui reste bleu, et qui pour le coup, va apporter vraiment une petite information supplémentaire. Alors, on va mettre ici du INFO_BAR, et je vous conseille également de définir avec vos [inaudible], ou d'ailleurs dans vos tests, un caractère que vous allez ajouter au tout début, qui va vous permettre de savoir que c'est une action, par exemple moi, quand je vais avoir des actions, je vais simplement mettre comme ça, deux petites flèches, ça me permet de savoir que mon test est en train de passer, que ça, c'est une action qui est effectuée, qui pourrait être une action effectuée également par l'utilisateur. Là, ça va être un petit peu plus parlant, vous allez effectivement avoir, eh bien, une information un petit peu plus intéressante que de simplement avoir du texte blanc. Voilà comment on va pouvoir colorer les sorties avec Casper. Pensez que c'est extrêmement intéressant de le faire et que c'est vraiment important au final, de pouvoir avoir une couleur particulière. Il y a également du log impossible, pensez-y également, c'est-à-dire que Casper est en capacité de venir logger des choses à l'écran, et vous pouvez avoir beaucoup de logs, et vous pouvez aussi, pourquoi pas, mettre en place de la verbosité, c'est-à-dire d'avoir beaucoup d'informations sur ce qui se passe à l'intérieur de votre Casper. Donc, n'hésitez pas à utiliser ça également, vous voyez que par exemple, les petites bannières de debug, ça peut être intéressant aussi. Le seul souci, c'est que vous pouvez mettre ça en place, le problème c'est que ça va marcher, vous allez avoir le petit message, donc je vais vous montrer ce que ça donne pour le coup, mais vous allez avoir quand même INFO qui va être écrit à coté, c'est un petit peu moins sympa, mais c'est vrai que ça peut être intéressant de l'utiliser comme ça également, voilà, info user click the button, On va relancer le test pour voir les différences, vous allez avoir les deux bannières, et donc là, effectivement, alors le problème étant sur les test, là, on n'a pas de verbosité, donc on n'a pas les logs. Si on a envie d'avoir les logs sur les tests, il va falloir directement l'utiliser, le problème c'est que casper.test.begin et casper.start qu'on a là, en fait, ça va être différent de ('casper').create({. Donc il va falloir utiliser la ligne de commande etc. Donc ça, en fait, vous utiliserez plutôt cela, les casper.log quand vous serez en train de faire du scrapping, et les this.echo quand vous serez en train de faire simplement des tests, donc comme ça, vous aurez deux types de couleurs différents utilisables pour deux contextes différents.

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 !