Pourquoi le mode navigateur ?

Motivation

Nous avons développé la fonctionnalité de mode navigateur de Vitest afin d'améliorer les flux de travail de test et d'obtenir des résultats de test plus précis et fiables. Cette fonctionnalité expérimentale de notre API de test permet aux développeurs d'exécuter des tests dans un véritable environnement de navigateur. Dans cette section, nous allons explorer les motivations derrière cette fonctionnalité et ses avantages pour les tests.

Différentes approches de test

Il existe différentes manières de tester le code JavaScript. Certains frameworks de test simulent des environnements de navigateur dans Node.js, tandis que d'autres exécutent des tests dans de vrais navigateurs. Dans ce contexte, jsdom est une implémentation de spécification qui simule un environnement de navigateur lorsqu'il est utilisé avec un exécuteur de tests comme Jest ou Vitest. D'autres outils de test tels que WebdriverIO ou Cypress permettent aux développeurs de tester leurs applications dans un vrai navigateur, et Playwright leur fournit un moteur de navigateur.

Les limites de la simulation

Tester des programmes JavaScript dans des environnements simulés tels que jsdom ou happy-dom a simplifié la configuration des tests et fourni une API facile à utiliser. Cela les rend appropriés pour de nombreux projets et renforce la confiance dans les résultats des tests. Cependant, il est crucial de garder à l'esprit que ces outils ne font que simuler un environnement de navigateur et non un navigateur réel, ce qui peut entraîner des divergences entre l'environnement simulé et l'environnement réel. Par conséquent, des faux positifs ou négatifs peuvent apparaître dans les résultats des tests.

Pour atteindre le plus haut niveau de confiance dans nos tests, il est crucial de tester dans un environnement de navigateur réel. C'est pourquoi nous avons développé la fonctionnalité de mode navigateur dans Vitest, permettant aux développeurs d'exécuter des tests directement dans un navigateur et d'obtenir des résultats de test plus précis et fiables. Avec les tests au niveau du navigateur, les développeurs peuvent avoir plus de confiance que leur application fonctionnera comme prévu dans un scénario réel.

Inconvénients

Lorsque vous utilisez le mode navigateur de Vitest, il est important de prendre en compte les inconvénients suivants :

Développement précoce

La fonctionnalité de mode navigateur de Vitest est encore en phase de développement précoce. En tant que telle, elle n'est peut-être pas encore optimisée, et il peut y avoir des bugs ou des problèmes qui n'ont pas encore été corrigés. Il est recommandé aux utilisateurs de compléter leur expérience avec le mode navigateur de Vitest par l'utilisation d'un exécuteur de tests côté navigateur autonome comme WebdriverIO, Cypress ou Playwright.

Initialisation plus longue

Le mode navigateur de Vitest nécessite de démarrer le fournisseur et le navigateur pendant le processus d'initialisation, ce qui peut prendre un certain temps. Cela peut entraîner une initialisation plus longue par rapport à d'autres approches de test.