Configuration et Utilisation de Jest

Commandes Utilisées dans la Vidéo :

Changer de Répertoire (`cd`) :

La syntaxe pour changer le répertoire actuel est cd <path>.

Le chemin peut être soit relatif soit global. Par exemple, vous pouvez vous déplacer vers un sous-répertoire simplement en tapant le nom du sous-répertoire au lieu de son chemin complet : cd <subdirectory name>.

Sinon, vous pouvez également indiquer le chemin complet d'un répertoire : cd <full path>. Si le chemin cible est sur un disque local différent de l'emplacement actuel, alors l'option \d est requise : cd \d <full path>.

Exemples :

• Chemin Complet : cd C:/Users/Admin/Desktop/targetFolder
• Chemin Complet avec Disque Local Différent : cd \d F:/exampleFolder/targetFolder
• Chemin Relatif : targetFolder

Créer un Répertoire (`mkdir`)

Pour créer un nouveau dossier, vous pouvez utiliser la commande mkdir qui utilise la syntaxe suivante :

Exemples :

• Chemin Complet : mkdir C:/Users/Admin/Desktop/newFolder
• Chemin Relatif : mkdir newFolder

Résumé

Les étapes suivies dans la vidéo sont résumées ci-dessous :

L'installation de Jest est assez simple. Nous allons apprendre à installer et utiliser Jest sur un projet Node.JS vide, donc, créons d'abord un nouveau projet Node.JS :

1. Ouvrez l'invite de commande, ou toute autre application de console appropriée ;
2. Naviguez jusqu'à l'emplacement souhaité en utilisant la commande cd ;
3. Créez un répertoire pour stocker le projet en utilisant la commande mkdir. (Syntaxe : mkdir );
4. Une fois le répertoire créé avec succès, cd dans le répertoire ;
5. Utilisez la commande npm init pour démarrer un nouveau projet ;
6. Personnalisez les configurations de base ;
7. Une fois les configurations terminées, nous pouvons installer Jest en utilisant la commande npm install --save-dev jest;

Après avoir suivi les étapes ci-dessus, Jest devrait être installé avec succès dans le projet. Nous pouvons maintenant passer à l'exécution de quelques cas de test simples.

Créons un fichier appelé sort.js qui va contenir une fonction simple pour trier des tableaux d'entiers :

La dernière ligne rend la fonction sort accessible à partir d'autres fichiers JavaScript dans le même projet.

Pour tester si cette fonction de tri fonctionne correctement, nous pouvons créer un nouveau Script de Test contenant quelques Tests Unitaires. Créons un nouveau fichier dans le dossier du projet, appelé sort.test.js. Il est important de noter que l'extension est .js et non .test.js. C'est une convention de nommage utilisée dans Jest, pour nommer les Scripts de Test.

Pour trouver automatiquement les Scripts de Test, Jest recherche tous les fichiers qui se terminent par .test.js dans le cas de JavaScript et .test.ts dans le cas de TypeScript. Il recherche également tous les fichiers JavaScript ou TypeScript présents dans un dossier optionnel nommé __tests__. Nous examinerons la méthode du dossier de test un peu plus tard.

Nous avons maintenant créé avec succès un Script de Test, cependant, il est vide. Nous pouvons ajouter le code suivant au Script de Test, qui contient quelques cas de Test Unitaire pour la fonction sort :

La syntaxe d'écriture des cas de test sera explorée en détail dans les chapitres suivants, il n'est donc pas nécessaire de comprendre complètement le code ci-dessus.

Pour exécuter les tests, nous devons :

1. Ouvrir l'invite de commande, ou toute autre application de console appropriée ;
2. Naviguer vers le répertoire du projet en utilisant la commande cd ;
3. Exécuter la commande suivante : npx jest ;

Lors de l'exécution de la commande, Jest trouvera et exécutera automatiquement le script de test - à condition qu'il soit présent dans le dossier du projet. Après l'exécution, il affichera les résultats des sept cas de test.

La coche verte indique que le test respectif a réussi avec succès.