bobmatnyc/playwright-e2e-testing

Framework moderne de tests end-to-end avec Playwright, automatisant les navigateurs, avec attente automatique et exécuteur de tests intégré

Qu'est-ce que playwright-e2e-testing ?

Cette compétence permet d'utiliser Playwright, un framework moderne de tests end-to-end (E2E) développé par Microsoft, pour automatiser les tests sur plusieurs navigateurs (Chromium, Firefox, WebKit). Elle simplifie la création de tests fiables grâce à l'attente automatique des éléments, la capture de traces, et le débogage visuel. Compatible avec les agents comme Claude Code, Cursor, ou Codex, elle fournit des commandes CLI (`npx playwright test`) et des API en JavaScript/TypeScript pour la navigation, les assertions, et la génération de rapports. Son intégration dans un projet permet de valuer rapidement les fonctionnalités critiques d'une application web en simulant des interactions utilisateur réelles, tout en supportant les tests parallèles et la génération de code.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/bobmatnyc/claude-mpm-skills/tree/main/skills/playwright-e2e-testing

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait playwright-e2e-testing ?

Framework moderne de tests end-to-end avec Playwright, automatisant les navigateurs, avec attente automatique et exécuteur de tests intégré

Aperçu

Playwright est un framework open-source de tests E2E qui permet d'automatiser Chromium, Firefox et WebKit avec une seule API. Il garantit des tests fiables grâce à l'attente automatique des éléments avant d'effectuer des actions, et inclut un exécuteur de tests, la génération de rapports, et la capture de traces intégrés.

Fonctionnalités principales

  • Automatisation multi-navigateurs – Testez sur Chromium, Firefox et WebKit avec une API unifiée
  • Attente automatique – Les actions attendent automatiquement que les éléments soient prêts
  • Exécuteur de tests intégré – Exécutez les tests avec npx playwright test
  • Capture de traces et débogage – Enregistrez et inspectez les traces avec --trace on
  • Génération de code – Générez des tests via l'outil Codegen : npx playwright codegen
  • Tests mobiles et responsifs – Émulez des appareils mobiles avec playwright.devices

Prise en main

npm init playwright@latest

Exemple de test

import { test, expect } from '@playwright/test';

test('page d'accueil a le bon titre', async ({ page }) => {
  await page.goto('https://exemple.com');
  await expect(page).toHaveTitle(/Exemple/);
});

Commandes CLI

  • npx playwright test – Exécuter tous les tests
  • npx playwright test --ui – Ouvrir le mode UI Playwright
  • npx playwright test --debug – Exécuter en mode débogage
  • npx playwright codegen – Générer des tests avec l'outil Codegen

Structure des tests

Les tests sont placés dans des fichiers *.spec.ts ou *.test.ts. La configuration se fait dans playwright.config.ts.

Intégration avec les agents IA

Playwright s'intègre parfaitement avec les agents de codage IA comme Claude Code, Cursor et Codex pour automatiser les tests end-to-end. Les agents peuvent générer, exécuter et déboguer des tests en langage naturel.

Ressources

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Skills associés