Programme

SFEIR School Playwright

27 mars de 09h à 17H

Programme

Tester son application ou non, ne doutez plus. Playwright devient un acteur incontournable du paysage des outils de test au point de concurrencer Cypress.

Playwright vous permet de tester vos applications sur plusieurs navigateurs, plusieurs plateformes et à l’aide de plusieurs langages.

Prenons une journée pour découvrir cet outil qui, si vous connaissez ses concurrents ou la TestingLibrary, ne vous semblera finalement pas si étranger.

 

Objectifs pédagogiques

Ce cours permet aux participants d'acquérir les compétences suivantes:

  • Appréhender le concept de test E2E
  • Développer des tests frontend avec Playwright
  • Développer des tests d’API avec Playwright
  • Développer des tests composant avec Playwright

Prérequis

  • Avoir suivi le cours JavaScript Moderne ou avoir des connaissances équivalentes
  • Comprendre l’architecture d’une application SPA (type Angular, React, Vue, etc.) ou hybride (Next, Nuxt) ou SSR (JSP, WordPress)

Prérequis techniques

  • Une machine
  • NodeJS 20+
  • Git
  • Accès à Github (possibilité de cloner un dépôt)
  • Un éditeur de texte ou un IDE (VSCode ou WebStorm recommandés)

Programme

Module 1 : Introduction - 30min

  • Installation du poste de travail
  • Découverte de l’application
  • Rappel Javascript : function / arrow function
  • Rappel JavaScript : async / await

Module 2 : Premier pas - 1h

  • Syntaxe des tests
  • Playwright UI
  • Stratégie de test
  • Penser comme un utilisateur

Ateliers:

  • Lancer une suite de tests (CLI et UI)

Module 3 : Écrire un test simple - 1h

  • Cibler un élément du DOM
  • Assertions

Ateliers:

  • Écrire des tests qui vérifie que l’affichage correspond à l’attendu

Module 4 : Interagir avec la page - 45min

  • Cliquer, saisir du texte et copier/coller
  • Gérer l’attente comme un utilisateur
  • Manipuler les listes d’éléments

Ateliers:

  • Ajouter / modifier des données

Module 5 : Jeux de données et mocks - 45min

  • Stratégies pour les données
  • Mock des appels API
  • TDD

Ateliers:

  • Tester les cas d’erreur via des mocks

Module 6 : Authentification - 45min

  • S’authentifier à chaque test
  • S’authentifier pour plusieurs tests

Ateliers:

  • S’authentifier pour une suite de test

Module 7 : Structurer les tests - 45min

  • Hooks
  • Tests paramétriques
  • Fixtures
  • Page Object

Ateliers:

  • Écrire des tests de façon structurée

Module 8 : Tester une API - 45min

  • Appeler une API
  • Valider la réponse
  • Mix test d’API et tests E2E

Ateliers:

  • Écrire une suite de tests pour une API

Module 9 : Tester des composants - 45min

  • Rappel tests composants
  • Monter un composant pour le tester

Ateliers:

  • Écrire une suite de tests pour un composant

 

Contact