Formation Vitest : Automatisez vos tests

Programme de notre formation Vitest

Introduction aux tests

• Pourquoi tester ?
• Types de tests : unitaires, d’intégration, E2E
• Présentation des différents frameworks de test (Jest, Mocha, Vitest)
• Avantages de Vitest : Rapide, intégré avec Vite, support natif des tests asynchrones

Mise en place de Vitest

• Installation et configuration de Vitest dans un projet JavaScript
• Structure d’un projet de tests
• Configuration de Vitest (fichier vitest.config.ts)

Les fonctions describe(), test() et it()

• Qu’est-ce que describe ? Structure logique des tests
• test() et it(), comment les utiliser pour définir des scénarios de tests
• Exercice pratique : créer une première suite de tests pour une fonction simple

La fonction expect() et les matchers

• Présentation de expect()
• Différents matchers de Vitest : toBe(), toEqual() toHaveBeenCalled(), etc
• Exercice : Tester des fonctions simples avec des assertions

Les tests asynchrones

• Tester des fonctions asynchrones avec async/await
• Utilisation de vitest pour gérer les promesses et les délais
• Exercice : Tester une fonction asynchrone retournant une promesse

Préparation et nettoyage

• Les hooks de préparation et nettoyage : beforeAll(), afterAll(),beforeEach(), afterEach()
• Pourquoi et quand les utiliser dans un projet JavaScript
• Exercice : Configurer des hooks pour initialiser et nettoyer des données

Les fonctions simulées (Mock Functions)

• Introduction aux fonctions simulées dans Vitest
• Utilisation de vi.fn() pour créer des fonctions simulées
• Exercice : Simuler une fonction de callback dans un test

Les modules simulés (Mocking Modules)

• Comment mocker des modules externes (par exemple, axios, localStorage, etc.).
• Utilisation de vi.mock() pour remplacer un module dans les tests
• Exercice : Mocker un appel API avec axios

Les dates simulées (Mocking Dates)

• Comment simuler des dates avec Vitest
• Utilisation de vi.setSystemTime() pour fixer une date et l’utiliser dans les tests
• Exercice : Tester un module qui utilise des dates et heures

Snapshots pour les tests d’interface utilisateur

• Introduction aux snapshots pour valider des réponses complexes (ex: interfaces utilisateur ou objets)
• Gérer et mettre à jour les snapshots avec Vitest
• Exercice : Tester une interface utilisateur dynamique et capturer un snapshot

Tests d’intégration dans un projet JavaScript

• Tester un module ou un service dans un projet JavaScript avec plusieurs dépendances
• Exercice : Tester un formulaire dynamique avec plusieurs composants et états

Tests end-to-end avec Vitest

• Simuler un scénario complet d’utilisation dans une application JavaScript
• Mocker des services externes (par exemple, envoyer des emails, appeler des API externes)
• Exercice : Tester un flux utilisateur complet sur une page web

Clôture de la formation

• Révision des concepts abordés
• Questions/réponses et conseils pour aller plus loin