Formation Playwright - Automatisation des tests d’acceptation

Description

Playwright est un outil open source d’automatisation des tests d’acceptation pour les applications web.

Cet outil permet de tester les applications développées avec les technologies standards telles que HTML5, CSS et JavaScript, mais il est également capable de tester les applications web conçues avec les frameworks modernes tels que Reactjs , Angularjs et Vuejs .

Playwright se distingue par plusieurs caractéristiques :

• Open source / Gratuit
• Cross-browser : Il offre un support pour plusieurs types de navigateurs tels que Chrome, Firefox, Opera, etc.
• Une communauté dynamique
• Documentation disponible dans plusieurs langues
• Multilingue : Playwright supporte plusieurs langages de programmation tels que JavaScript, C# .Net, Java et Python.

Cette formation Playwright 4.x vous permettra d’acquérir et de maîtriser plusieurs concepts essentiels et avancés de l’automatisation des tests web.

Objectifs pédagogiques

À l’issue de cette formation d’automatisation des tests web avec Playwright, le participant sera en mesure de :

• Comprendre l’architecture de l’outil Open Source Playwright
• Apprendre à utiliser les fonctionnalités les plus intéressantes de Playwright
• Concevoir des tests web automatisés avec Playwright
• Comprendre comment intégrer les tests web avec Playwright dans une chaîne de livraison continue (CI/CD)

Public concerné

• Testeurs ou développeurs désirant se former aux techniques d’automatisation des tests web avec Playwright
• QA Managers, QA Lead

Prérequis

• Connaissances fondamentales du langage JavaScript / TypeScript
• Connaissances fondamentales en tests web et fonctionnels

Notes importantes :

Le contenu de la formation ainsi que sa durée peuvent être personnalisés en fonction de vos besoins.
N’hésitez pas à nous contacter pour toute demande sur mesure.

Programme de la formation

Le programme de cette formation est composé de plusieurs modules allant des notions de base aux notions avancées

Module 1: Introduction aux tests logiciels

• Tests manuels / Tests automatisés
• Les différents types de tests
• La pyramide de tests
• Les avantages et les inconvénients de l’automatisation
• Le pattern 3A pour les tests automatisés
• Les terminologies DOM et HTML

Module 2: Introduction a Playwright

• Le projet Playwright
• Le standard W3C
• Webdriver
• Architecture de Playwright
• Principe de fonctionnement de Playwright

Module 3: Installation et configuration

• Conditions préalables (IDE: Vscode / Javascript / NodeJS)
• Installation des plugins d’aide à l’automatisation

Module 4: Les concepts fondamentaux de Playwright

• Premier exemple (HelloPlaywright)

  • La structure d’un projet de test Playwright
  • Les dépendances nécessaires
  • Le fichier de configuration playwright.config.js / playwright.config.ts

• Exécution des tests et débogage (debugging) :

  • Exécution des tests en mode UI
  • Exécution des tests en mode CLI
  • Exécution des tests en mode debug
  • Utilisation de Playwright Inspector
  • Débogage avec Trace Viewer

• Les concepts de context (browser context)

• Les principales commandes de Playwright

Module 5: Les interactions avec les éléments web

• Les différents types de sélecteur web
  • Id, name, css, xpath, classname, tagName, linkText, partiallyLinkText, etc
• L’outil xpath/css tester
• Explication du Weblement
• Exemples pratiques:
  • “Text Box”
  • ”Check Box”
  • ”Radio Button”
  • “Drop Down”

Module 6: Les concepts avancés de Playwright

• Utilisation du context
• Alerts
  • Popup Alert
  • Confirmation Alert
  • Prompt
• Exécution JavaScript
  • “Click Operation”
  • “Scrolling“
  • “WebElement Highlighting“
• Exemple d’un scenario e2e:
  • Webpark app
  • Manipulation des dates
  • Multiple forms
• ScrollUp/ScrollDown
• Frames
• Windows
• ScreenShot
• “File Upload/File Download“
• Actions
  • “Drag and Drop”
  • “Mouseover Action”
  • “Right Click / Double Click”
  • “Multiple Actions”
• Tables
• Links
• Tooltip
• Autocomplete
• Interception Réseaux (Network Requests)

Module 7 : Framework d’automatisation de tests web

• Introduction aux concepts du framework
• Les différentes couches nécessaires :
  • La couche “Test Cases”
  • La couche “DSL”
  • La couche “Driver”
  • La couche “SUT”
• Le pattern “Page Object Model”
• Structure Globale
• Exemple pratique Mini Projet (Notes App):
  • Conception Framework
  • Utilisation du Pattern POM
  • Multiples scenarios e2e (Auth, Operations CRUD)
  • Bonnes Pratiques

Module 8 : Le reporting

• Les caractéristiques d’un bon rapport de tests
• Les différentes options et outils de reporting
• Le reporting natif de Playwright
• Le reporting avec Allure Report

Module 9 : L’intégration Continue / pipelines CI/CD

• Introduction aux concepts d’intégration et livraison continues (pipelines CI/CD)
• Présentation du CircleCI / GitHub Actions
• Intégration du projet de tests dans le pipelines CI/CD

Module 10 : Le mot de la fin

• Synthèse
• Partage de ressources / docs / Articles sur le framework Playwright

Si vous avez des suggestions d’amélioration pour cette formation Playwright n’hésitez pas à nous contacter !