Formation Playwright
Maîtrisez Playwright de fond en comble et créez des tests de navigateur automatisés qui tiennent la route en production. Ce cours couvre tout, des interactions de base et des sélecteurs intelligents à la simulation réseau, à l'intégration CI et aux tests visuels. Que vous soyez novice en automatisation de tests ou que vous souhaitiez perfectionner vos compétences, vous repartirez avec une suite de tests Playwright de qualité professionnelle.
Ce que vous allez apprendre:
Vous commencerez par configurer Playwright et écrire votre premier test de navigateur automatisé, puis vous aborderez progressivement les sélecteurs, la gestion asynchrone et les assertions web-first. Vous apprendrez à intercepter et simuler des requêtes réseau, à gérer l'état d'authentification et à organiser les tests à l'aide de fixtures et du Page Object Model. Ce cours couvre également les tests d'API, l'émulation multi-navigateurs et mobile, les bonnes pratiques TypeScript et la configuration de pipelines CI. À la fin, vous saurez déboguer les échecs avec le trace viewer, réduire l'instabilité des tests et communiquer les résultats à votre équipe.
Comment vous étudiez de façon pratique Formation Playwright
Comment vous pratiquez Formation Playwright
Pour vous, entreprise, qui souhaitez former votre équipe
Avec Dedika pour les entreprises, le cours inclut des exercices et des exemples adaptés à votre activité et aux besoins spécifiques de votre entreprise.
Contenu du cours
8 Chapitres • 33 LeçonsDurée entre 4 et 360 heures (vous décidez)
Chapitre 1MasquerCacher les détailsVoir les détailsIntroduction à Playwright et configuration
Introduction à Playwright et configuration
Leçon 1 • Installation de Playwright et des dépendances
Guide les étudiants dans l'installation de Node.js, Playwright et les binaires de navigateur. Garantit un environnement local cohérent et reproductible.
Leçon 2 • Qu'est-ce que Playwright
Couvre le rôle de Playwright dans l'automatisation de navigateur et sa comparaison avec des outils similaires. Établit la base conceptuelle pour l'ensemble du cours.
Leçon 3 • Exécution de votre premier test
Montre comment écrire et exécuter un script de test minimal. Relie les connaissances d'installation à un résultat de test observable.
Leçon 4 • Structure du projet et configuration
Explique la disposition par défaut du projet et le fichier de configuration de Playwright. Les étudiants personnalisent les paramètres pour répondre aux besoins courants d'un projet.
Chapitre 2MasquerCacher les détailsVoir les détailsInteractions fondamentales avec les navigateurs et les pages
Interactions fondamentales avec les navigateurs et les pages
Leçon 1 • Navigation vers les pages et les URL
Enseigne les méthodes de navigation et la gestion des redirections et des états de chargement. Permet directement une configuration fiable des tests au niveau de la page.
Leçon 2 • Lancement et gestion des navigateurs
Couvre les options de lancement du navigateur, les contextes et la gestion du cycle de vie. Établit la hiérarchie navigateur-contexte-page utilisée tout au long du cours.
Leçon 3 • Interaction avec les éléments d'une page
Présente les actions de clic, de remplissage, de saisie et de clavier sur les éléments DOM. Constitue la base de la simulation du comportement réel d'un utilisateur.
Leçon 4 • Travail avec plusieurs onglets et fenêtres popup
Explique comment détecter et contrôler les nouveaux onglets, les popups et les boîtes de dialogue. Prépare les étudiants à des scénarios de test complexes avec plusieurs fenêtres.
Chapitre 3MasquerCacher les détailsVoir les détailsSélecteurs et stratégies de localisation d'éléments
Sélecteurs et stratégies de localisation d'éléments
Leçon 1 • Bonnes pratiques relatives aux sélecteurs et débogage
Couvre la robustesse des sélecteurs, l'évitement des motifs fragiles et l'utilisation de l'inspecteur Playwright. Relie la qualité des sélecteurs à la maintenabilité à long terme des tests.
Leçon 2 • Moteurs de sélection intégrés
Passe en revue les sélecteurs CSS, XPath, texte et rôle disponibles dans Playwright. Offre aux étudiants une boîte à outils complète pour le ciblage des éléments.
Leçon 3 • Sélecteurs d'accessibilité et sémantiques
Se concentre sur les assistants getByRole, getByLabel, getByPlaceholder et getByText. Favorise un code de test accessible et maintenable.
Leçon 4 • API Locator de Playwright
Présente l'objet Locator comme mécanisme de référencement d'élément privilégié. Explique l'évaluation paresseuse et le comportement d'attente automatique.
Chapitre 4MasquerCacher les détailsVoir les détailsGestion du comportement asynchrone et des attentes
Gestion du comportement asynchrone et des attentes
Leçon 1 • Motifs d'attente basés sur les événements
Montre la coordination de page.waitForEvent() et Promise.all() pour les événements concurrents. Gère les flux asynchrones complexes sans délais arbitraires.
Leçon 2 • Attentes explicites et conditions
Couvre les motifs waitForSelector, waitForFunction et waitForCondition. Traite les scénarios où l'attente automatique ne s'applique pas.
Leçon 3 • Mécanisme d'attente automatique de Playwright
Explique comment Playwright attend automatiquement que les éléments soient actionnables avant les interactions. Réduit le besoin d'attentes manuelles dans la plupart des scénarios.
Leçon 4 • Attente du réseau et de la navigation
Enseigne les options waitForResponse, waitForRequest et les états de chargement de la navigation. Synchronise les tests avec la récupération de données backend de manière fiable.
Chapitre 5MasquerCacher les détailsVoir les détailsAssertions et validation de tests
Assertions et validation de tests
Leçon 1 • Fondamentaux de l'API Expect
Présente la fonction expect() et ses méthodes de comparaison. Établit la syntaxe d'assertion utilisée dans tous les chapitres suivants.
Leçon 2 • Assertions de capture d'écran et visuelles
Enseigne les assertions de capture d'écran et de snapshot DOM pour la régression visuelle. Relie les vérifications visuelles à une stratégie de qualité plus large.
Leçon 3 • Assertions Web-First
Couvre toBeVisible, toHaveText, toHaveValue et autres comparateurs asynchrones. Explique le comportement de nouvelle tentative automatique qui rend les assertions résilientes.
Leçon 4 • Motifs d'assertion personnalisés
Montre comment étendre expect avec des comparateurs personnalisés et des assistants d'assertion réutilisables. Améliore la lisibilité et réduit la duplication dans les suites de tests.
Chapitre 6MasquerCacher les détailsVoir les détailsOrganisation des tests et fixtures
Organisation des tests et fixtures
Leçon 1 • Fixtures intégrées et personnalisées
Présente le système de fixtures de Playwright pour l'injection de dépendances dans les tests. Les étudiants créent des fixtures personnalisées pour encapsuler la logique de configuration réutilisable.
Leçon 2 • Fondamentaux du moteur d'exécution de tests
Explique test(), describe() et le cycle de vie du moteur d'exécution de tests. Fournit la base organisationnelle pour tous les fichiers de test.
Leçon 3 • Hooks pour la configuration et le démontage
Couvre les hooks beforeAll, afterAll, beforeEach et afterEach. Enseigne comment isoler l'état entre les tests de manière fiable.
Leçon 4 • Étiquetage, filtrage et métadonnées des tests
Montre comment étiqueter les tests, utiliser des filtres grep et attacher des métadonnées. Permet une exécution sélective des tests dans les workflows CI et locaux.
Chapitre 7MasquerCacher les détailsVoir les détailsInterception réseau et simulation
Interception réseau et simulation
Leçon 1 • Fondamentaux de l'API Route
Présente page.route() pour intercepter les requêtes réseau par motif d'URL. Établit le modèle d'interception utilisé dans ce chapitre.
Leçon 2 • Fichiers HAR et enregistrement réseau
Explique l'enregistrement du trafic réseau dans des fichiers HAR et leur relecture dans les tests. Fournit une approche évolutive pour simuler des interactions API complexes.
Leçon 3 • Inspection des requêtes et assertions
Couvre la capture des détails des requêtes, l'assertion sur les charges utiles et la vérification du nombre d'appels. Valide que l'application envoie le trafic réseau correct.
Leçon 4 • Simulation de réponses API
Montre comment renvoyer du JSON personnalisé, des codes d'état et des en-têtes à partir de requêtes interceptées. Permet de tester les états d'erreur et les cas limites.
Chapitre 8MasquerCacher les détailsVoir les détailsModèles avancés de Playwright et intégration CI
Modèles avancés de Playwright et intégration CI
Leçon 1 • Implémentation du modèle Page Object
Enseigne la structuration des tests avec le modèle Page Object pour encapsuler les interactions UI. Réduit la duplication et améliore la maintenabilité à long terme.
Leçon 2 • Outils de rapport et de débogage
Couvre les rapporteurs intégrés, le visualiseur de traces et l'enregistrement vidéo pour diagnostiquer les échecs. Équipe les étudiants pour enquêter et résoudre efficacement les échecs de test.
Leçon 3 • Exécution parallèle et partitionnement
Configure les workers parallèles et le partitionnement des tests pour une exécution plus rapide des suites. Prépare l'infrastructure de test pour les projets à grande échelle.
Leçon 4 • Réglage des performances et de l'évolutivité
Aborde le réglage des délais d'attente, le nettoyage des ressources et le profilage des suites de tests. Garantit que la suite de tests reste rapide et fiable à mesure qu'elle grandit.
Leçon 5 • Intégration dans un pipeline CI
Montre comment configurer Playwright dans des environnements CI avec mise en cache et stockage des artefacts. Fournit un workflow de test automatisé prêt pour la production.
Votre certificat valide de réussite
Ce cours est fait pour vous :
Développeur·euse frontend : souhaite ajouter des tests automatisés à son décor de compétences existant.
Ingénieur QA : prêt à passer des tests manuels à l'automatisation scriptée.
Développeur back-end : doit valider le comportement de l’interface utilisateur sans dépendre d’une autre équipe.
Reconversion professionnelle : transition vers la qualité logicielle à partir d'un parcours non lié aux tests.
Ingénieur DevOps : cherchant à intégrer des tests de navigateur fiables directement dans les pipelines CI.
Développeur freelance : souhaite livrer des projets de meilleure qualité grâce à une couverture automatisée des tests de régression.
Ce que disent nos apprenants
Vos cours sont parfaits. J'ai acheté le forfait d'un an et j'ai enfin l'opportunité de suivre divers sujets qui m'intéressent sans avoir besoin de changer de plateforme... je vous remercie pour tout ce que vous faites, je vous ai déjà recommandés à d'autres personnes...
J'aime la façon dont les leçons vont droit au but et comment je peux changer de chapitres et passer le contenu dont je n'ai pas besoin.
J'aime le contenu et la façon dont les vidéos sont présentées et transcrites, ce qui accélère le processus !
La plateforme est rapide, simple à utiliser. La diversité du contenu et les vidéos complémentaires aident beaucoup dans l'apprentissage.
Formations principales
FAQ
Qui est Dedika ?
Le certificat est-il valable en France ?
Les cours sont-ils gratuits ?
Quelle est la charge de travail des cours ?
Comment sont les cours ?
Comment fonctionnent les cours ?
Quelle est la durée des cours ?
Quel est le coût ou le prix des cours ?
Qu'est-ce qu'un cours EAD ou en ligne et comment ça marche ?
Cours PDF