Développement

Cypress – Automatiser les tests end-to-end des applications web

2 jour(s) • 14h

Description

Objectif de la formation ; Acquérir les compétences techniques et méthodologiques nécessaires pour concevoir, exécuter, maintenir et industrialiser des tests automatisés end-to-end d’applications web avec Cypress, depuis l’installation et la configuration jusqu’à l’intégration dans une chaîne CI/CD.

Objectifs pédagogiques

Comprendre la place de Cypress dans une stratégie moderne d’automatisation des tests
Installer, configurer et utiliser Cypress dans un projet web réaliste
Concevoir des tests end-to-end fiables, lisibles et maintenables
Gérer les interactions complexes, les données de test et les scénarios asynchrones
Déboguer, maintenir et optimiser les scripts de test
Intégrer Cypress dans un workflow CI/CD et appliquer les bonnes pratiques d’industrialisation

Public concerné

Testeurs logiciels souhaitant automatiser les tests web

Développeurs front-end, full-stack ou QA

Ingénieurs qualité / automaticiens de tests

Équipes projet souhaitant industrialiser les tests end-to-end d’applications web

Prérequis

Connaissances de base en HTML, CSS et JavaScript

Compréhension des notions de test logiciel (manuel ou automatisé)

Une première expérience avec Git ou un projet web est un plus

Déroulé du programme

Stratégie d’automatisation et positionnement de Cypress (1h30)

Place des tests automatisés dans la stratégie globale de test
Différences entre tests unitaires, tests d’intégration, tests UI et tests end-to-end
Cas d’usage de Cypress dans les projets web modernes
Forces et limites de Cypress
Comparaison d’approche entre Cypress et les autres outils d’automatisation web
Travaux pratiques : Analyse d’une stratégie de test et identification des cas à automatiser avec Cypress

Installation, architecture et prise en main de Cypress (2h)

Fonctionnement et architecture de Cypress
Installation, configuration et prise en main de l’interface
Arborescence d’un projet Cypress
Organisation des fichiers de test
Commandes de base, sélecteurs et assertions
Travaux pratiques : Installation de Cypress, Création d’un projet, Exécution et modification d’un premier test

Création de tests end-to-end fiables (3h)

Écriture de scénarios de test sur une application web
Gestion des interactions utilisateur : login, navigation, formulaires
Hooks, organisation des tests et mutualisation
Fixtures et données de test
Commandes personnalisées
Bonnes pratiques de lisibilité et de maintenabilité
Travaux pratiques : Création d’un scénario complet de test utilisateur, Mise en place de fixtures et de commandes personnalisées

Gestion des scénarios avancés et stabilité des tests (2h30)

Gestion des éléments dynamiques
XHR, requêtes réseau et comportements asynchrones
Waits, timeouts et synchronisation
Mock, stub et tests réels
Upload, drag & drop, modals, composants dynamiques
Prévention des tests instables et bonnes pratiques anti-flakiness
Travaux pratiques : Écriture de tests avancés sur formulaires complexes et scénarios asynchrones, Stabilisation d’un test instable

Débogage, reporting et qualité des tests (1h30)

Débogage avec l’interface Cypress et les DevTools
Analyse des erreurs d’exécution
Screenshots, vidéos et rapports
Vérification de l’accessibilité et contrôles complémentaires
Documentation et maintenance des suites de tests
Travaux pratiques : Analyse d’un échec de test, Génération et lecture de rapports d’exécution

Industrialisation et intégration CI/CD (2h30)

Intégration de Cypress avec GitHub Actions, GitLab CI ou Jenkins
Exécution des tests dans une pipeline
Exécution en environnement Docker
Structuration des suites de test pour l’industrialisation
Réutilisation du code, organisation par scénarios métier
Bonnes pratiques d’exploitation en équipe
Travaux pratiques : Mise en place d’un pipeline CI simulé avec exécution automatique de tests Cypress, Refactorisation d’une suite de tests pour améliorer sa maintenabilité