Tests end-to-end (E2E)

Valider l'expérience utilisateur globale

Après avoir exploré en profondeur les tests unitaires et d'intégration qui valident les briques individuelles et leur collaboration, il est temps de monter au sommet de la pyramide des tests : les tests end-to-end (E2E). Ces tests adoptent la perspective la plus globale possible, celle de l'utilisateur final interagissant avec l'application complète dans un environnement aussi proche que possible de la production.

L'objectif principal des tests E2E n'est pas de vérifier la logique interne d'un composant ou d'un module isolé, mais de s'assurer que les parcours utilisateurs critiques fonctionnent correctement de bout en bout. Cela implique de simuler des scénarios réels, incluant la navigation entre les pages, la soumission de formulaires, l'interaction avec différentes fonctionnalités, et souvent, la vérification que les données sont correctement traitées et persistées à travers les différentes couches de l'application (frontend, backend, base de données).

Bien qu'ils soient généralement moins nombreux que les tests unitaires et d'intégration en raison de leur coût et de leur lenteur relative, les tests E2E sont indispensables pour obtenir le plus haut niveau de confiance dans le fait que l'application répond réellement aux besoins des utilisateurs et que les flux métiers essentiels sont opérationnels.

Ce que couvre ce chapitre

Dans ce chapitre, nous allons introduire le concept des tests E2E spécifiquement dans le contexte des applications React. Nous aborderons les points suivants :

• L'introduction aux tests E2E : Nous définirons plus précisément ce qu'est un test E2E, pourquoi il est important, et comment il simule un parcours utilisateur complet, en soulignant ses avantages et ses inconvénients par rapport aux autres types de tests.
• Les outils populaires : Nous présenterons brièvement deux des outils les plus utilisés aujourd'hui pour les tests E2E dans l'écosystème JavaScript et React : Cypress et Playwright. Nous donnerons un aperçu de leur philosophie et de leurs caractéristiques principales.
• L'écriture de scénarios de base : Nous illustrerons les principes fondamentaux de l'écriture d'un test E2E simple, en montrant comment structurer un scénario, sélectionner des éléments et simuler des interactions dans un environnement de test E2E.

Ce chapitre fournira une compréhension conceptuelle des tests E2E et des outils disponibles, vous préparant à intégrer cette couche de test essentielle dans votre stratégie globale de qualité logicielle pour vos projets React.