Formation Playwright.

Programme de formation Playwright.

Introduction à Playwright

– Aperçu de Playwright
– Prise en charge de plusieurs navigateurs : Chromium, Firefox, WebKit
– Etapes de l’installation
– Configuration de l’environnement
– Intégration avec Visual Studio Code
– Introduction à l’API Playwright
– Syntaxe de base de Playwright

Exemples de travaux pratiques :
– Installer Playwright
– Mise en place de l’environnement de développement
– Exécuter un script Playwright de base

Travailler avec des éléments Web

– Sélecteurs CSS/XPath et bonnes pratiques de ciblage
– Interagir avec les éléments Web (clics, saisies, survols, etc.)
– Traitement des formulaires (login, saisie, validation)
– Fonctions d’attente automatique intégrées
– Gestion explicite des attentes pour des UI dynamiques
– Techniques de capture d’écran
– Techniques de capture vidéo

Exemples de travaux pratiques :
– Écrire des scripts pour remplir un formulaire de connexion
– Réaliser des captures d’écran d’interactions web
– S’entraîner à utiliser différents sélecteurs et attentes

Navigation avancée et gestion de session

– Navigation multi-pages et parcours utilisateurs
– Gestion des onglets et fenêtres
– Contextes et mode incognito
– Gestion des sessions et des cookies pour les scénarios d’authentification
– Chargements et téléchargements de fichiers
– Exécution de scripts côté client pour des vérifications ciblées

Exemples de travaux pratiques :
– Écrire un script de test pour un parcours multi-pages (connexion, navigation, déconnexion)
– Gérer les cookies dans un scénario de session utilisateur
– Script côté client pour la manipulation simple du DOM (vérifications, extractions)

Écrire et déboguer des tests

– Écrire des tests de base et avancés avec le test runner Playwright
– Organiser les tests à l’aide de fixtures, hooks et suites
– Gestion des assertions et des erreurs
– Techniques de débogage (mode headed, traces, vidéos, timeouts)
– Générer et interpréter des rapports de test

Exemples de travaux pratiques :
– Développer une suite de tests pour une application web d’exemple
– Déboguer les tests à l’aide des outils Playwright (trace viewer, debug UI)
– Générer des rapports de test et analyser les résultats

Adaptation de Playwright pour les pipelines CI/CD

– Lancer les tests Playwright en ligne de commande
– Principes d’intégration de Playwright dans un pipeline CI/CD
– Exemple d’intégration avec les actions GitHub
– Notions sur l’utilisation de Docker pour les tests conteneurisés (aperçu)
– Gestion basique des variables d’environnement (URL, credentials de test)

Exemples de travaux pratiques :
– Configurer un pipeline de test Playwright simple dans GitHub Actions
– Exécuter des tests dans un conteneur Docker préconfiguré (démonstration ou TP guidé)

Optimisation des performances et dépannage

– Bonnes pratiques pour des tests Front stables et robustes
– Techniques de réduction de la fragilité des tests (sélecteurs, attentes, factorisation du code)
– Outils de dépannage : logs, captures, traces
– Comprendre les principales causes de lenteur dans une suite de tests
– Aperçu des bonnes pratiques pour exécuter les tests en environnement de recette / pré-production

Exemples de travaux pratiques :
– Analyser un ensemble de tests existants pour en améliorer la stabilité et le temps d’exécution
– Dépanner un ensemble de scripts de test “flaky” et proposer des corrections