Tester JavaScript avec Jasmine

Maintenant, nous avons déjà vu de quoi il s'agit Jasmin voyons maintenant comment cela fonctionne.

• Nous téléchargeons la dernière version de Jasmin et nous le décompressons.
• Nous entrons dans l'annuaire de Jasmin et nous exécutons SpecRunner.html et nous verrons ceci :

Ce fichier exécute des tests dans un exemple de code, si nous voulons exécuter les tests, nous pouvons actualiser le navigateur et ils seront exécutés.
Voyons maintenant un exemple d'utilisation Jasmin:

• Nous créons d'abord une fonction simple qui contient une chaîne comme rappel.

fonction bonjourMonde () {
retour "Bonjour tout le monde!";
}
Nous sommes à peu près sûrs que cela fonctionne, n'est-ce pas ? Mais essayons cela avec Jasmin et voyons ce que vous pensez de notre code.

• Nous sauvegardons la fonction créée dans un fichier que nous pouvons appeler bonjour.js, nous ouvrons SpecRunner.html pour effectuer l'inclusion.

• Mettons maintenant Jasmine au travail, créons un fichier contenant le code suivant :

décrire ("Bonjour tout le monde", fonction () {
it ("dit bonjour", fonction () {
attendre (helloWorld ()).toEqual ("Bonjour le monde !");
});
});
Voyons ce que contient ce morceau de code :
Tout d'abord, nous avons le descriptif, qui définit généralement un composant de notre application, il peut s'agir d'une classe, d'une fonction ou peut-être d'autre chose. Dans cet exemple, il fait référence à notre fonction Bonjour le monde ().
Continuons dans le même code et nous aurons le bloc de Article(), c'est ce qu'on appelle une spécification. C'est une fonction en Javascript qui nous dit à quoi s'attendre ou ce que notre composant doit faire. Pour chaque description, nous pouvons avoir un certain nombre de spécifications.
Dans ce cas, nous testons si la fonction Bonjour le monde () renvoie "Bonjour tout le monde !" et nous le vérifions avec le égaler () qui n'est rien de plus qu'un matcher, cela nous dira essentiellement si le contenu de la chaîne est le même que ce qui est testé.

• Nous sauvegardons le code avec le nom bonjour.spec.js nous le plaçons dans le répertoire où sont contenues les spécifications et nous l'incluons dans notre SpecRunner.html

Enfin, nous exécutons cette spécification dans notre navigateur et nous verrons une sortie comme celle que nous avons ci-dessous :

On peut aussi utiliser un autre type de matcher, voyons :
décrire ("Bonjour tout le monde", fonction () {
il ("dit monde", fonction () {
attendre (helloWorld ()).toContain ("monde");
});
});
Au lieu d'attendre que la valeur soit la même, cette fois, nous nous attendons à ce que le contenu soit le mot "monde" quel que soit le reste du contenu, tant que le mot "monde" existe dans ce test, Jasmine l'interprétera comme correct.
Si nous allons à notre fonction, nous pouvons changer ce qu'elle dit et définir autre chose que "Hello World", Jasmine verra cela comme incorrect car ce n'est pas ce qu'elle attend et c'est la raison principale pour laquelle nous voulons Jasmine, afin que nous disons quand quelque chose n'est pas ce qui est attendu et cela nous aidera à rendre notre code propre et sans erreurs.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif