Vitest en tant que lanceur de test
Vitest est un lanceur de test et un framework qui gagnent en popularité. Ce cours l'utilise chaque fois que des exemples spécifiques sont nécessaires, mais de nombreux exemples inclus sont génériques et s'appliquent au framework que vous avez choisi.
La plupart des exécuteurs ou des frameworks de test ont tendance à avoir beaucoup en commun. Ce cours sera utile quelle que soit la pile choisie. Nous avons choisi de nous concentrer sur Vitest pour plusieurs raisons:
Il est moderne et implique très peu de travail de configuration, contrairement aux autres exécuteurs de test. Bien qu'il repose sur l'outil de compilation Vite, Vitest fonctionne toujours avec les projets existants.
Il est également parfaitement compatible avec l'utilisation des modules EMMaScript (ESM), y compris la simulation d'importations entières. Bien qu'il comporte quelques mises en garde, il est plus stable que d'autres outils.
Plus important encore, il présente à Jest une API largement compatible, probablement l'exécuteur le plus populaire. Mais là encore, la façon dont vous structurez et regroupez vos tests a tendance à être similaire, quel que soit le framework que vous utilisez. Les fonctionnalités plus avancées, telles que les doubles de test compliqués, ont tendance à s'éloigner un peu plus. Ce cours utilise Vitest pour les décrire, mais également la solution générique.
Réagir en tant que modèle de composant
Bien que ce cours fournisse des exemples de code généraux permettant de tester du code JavaScript brut (des fonctions mathématiques, par exemple), il passe rapidement au test des composants React avant d'inclure les composants Web en général et d'utiliser Lit. Ce cours utilise également Next.js.
C'est un choix pratique. Malgré les critiques, React est le framework le plus utilisé par les participants à la récente enquête sur l'état de JS.