React
Academy

Plan de cours

Tests unitaires avec React

Jest est une bibliothèque de tests JavaScript créée par Facebook. Elle est déployée à l’aide de Create-React-App, ce qui en fait aujourd'hui la suite de tests la plus appréciée.

Jest peut non seulement servir à tester du code JavaScript, mais peut aussi être utilisée avec React pour tester le rendu des composants.

Jour 1

Parlons des tests
1. Introduction à Jest 
  • Stratégies de test
  • Différence entre DOM et jsdom
  • Configurer Jest
  • Exécuter les tests
  • Options de test
  • Utiliser l’outil de contrôle de fichiers
  • Configurer l’environnement de test dans l’éditeur de code
2. Test du code JavaScript 
  • Tester les fonctions JavaScript
  • Comparer avec la fonction Expect
  • Code asynchrone
  • Configurer et désactiver les tests
3. Test de React 
  • Approches en matière de test
  • Choix d’un exécuteur de tests
  • Bibliothèque de tests React
  • Fonctions Setup/Teardown de React
  • act()
  • Rendu
  • Extraction de données
  • Modules simulés (Mock)
  • Événements de déclenchement
  • Minuteurs simulés (Mock)
  • Tests instantanés
  • Convertisseurs multiples
4. Autres approches en matière de test 
  • Convertisseur superficiel
  • Convertisseur de test
  • jsdom
  • Real DOM
5. Autres bibliothèques de tests 
  • Bibliothèques de tests React
  • Enzyme par Airbnb
  • Mocha : des tests dans un navigateur
  • Ava : l’exécuteur de tests version allégée
  • Tests approfondis avec Cypress, Puppeteer ou WebDriver