Annexe

Voici quelques concepts et informations supplémentaires qui peuvent vous être utiles lors du développement de vos tests.

Vitest est un exécuteur de test et un framework de plus en plus populaires. Ce cours l'utilise chaque fois que des exemples spécifiques sont requis, mais de nombreux exemples inclus sont génériques et s'appliquent à n'importe quel framework que vous avez choisi.

La plupart des exécuteurs ou des frameworks de test ont tendance à avoir beaucoup de points communs, et ce cours vous sera utile quelle que soit la pile choisie. Nous avons choisi de nous concentrer sur Vitest pour plusieurs raisons :

  • Il est moderne et nécessite très peu de travail pour être configuré, contrairement aux autres outils de test. Bien qu'il soit basé sur l'outil de compilation Vite, Vitest fonctionne toujours avec les projets existants.

  • Il est également très compatible avec les modules ECMAScript (ESM), y compris la simulation d'importations complètes. Bien qu'il présente quelques mises en garde, il est plus stable que d'autres outils.

Plus important encore, il présente une API largement compatible avec Jest, probablement le runner le plus populaire. Mais encore une fois, la façon dont vous structurez et regroupez vos tests tend à être similaire quel que soit le framework que vous utilisez. Les fonctionnalités plus avancées, telles que les doubles de test complexes, ont tendance à s'éloigner un peu plus loin. Ce cours utilise Vitest pour les décrire, mais décrit toujours la solution générique.

Utiliser React en tant que modèle de composant

Bien que ce cours fournisse des exemples de code généraux qui testent du code JavaScript simple (par exemple, des fonctions mathématiques), il passe rapidement au test des composants React, puis inclut les composants Web en général et utilise 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 à l'enquête sur l'état de JS.