Tester sur React

Les outils

  • Jest
  • Vitest

Vitest

  • S'installe facilement dans un projet Vite
  • Fonctionne avec TypeScript / React

Comment tester avec le DOM ?

  • JSDom / Happy-DOM

Comment tester les hooks ?

React testing library

npm i -D @testing-library/react @testing-library/dom

Les fonctions à connaitre

  • renderHook(), pour le rendu initial
  • act(), dès qu'on appelle une méthode

Tester les effets de bords

  • Comment gérer fetch() ?
  • En utilisant l'injection de dépendance

Mock & Espions

  • Mock du temps
  • Espion

Comment tester les composants ?

Les fonctions utiles

  • @testing-library/react
  • @testing-library/user-event

Storybook

  • npx storybook@latest init

Tester de bout en bout

  • Piloter un navigateur
  • Playwright