Tests E2E PlaywrightPlaywright E2E tests
Garantir l'intégrité des parcours critiques du site de documentation après chaque modification de build ou de composant.Guarantee the integrity of critical documentation site journeys after every build or component modification.
Flux du pipelinePipeline flow
01 · Déclencheur01 · Trigger
Build ou composants modifiésBuild or components modified
site/build.js · components/ — tout changement pouvant impacter les parcours utilisateur.site/build.js · components/ — any change that may impact user journeys.
02 · Tests02 · Tests
5 parcours critiques5 critical journeys
Navigation principale · Bascule FR↔EN · Filtre explorateur tokens · Skip-link focus · Navigation clavier composantsMain navigation · FR↔EN toggle · Token explorer filter · Skip-link focus · Component keyboard navigation
03 · Intégration axe03 · axe integration
Audit axe-core par pageaxe-core audit per page
Chaque parcours intègre un audit axe-core de la page testée pour détecter les violations en contexte réel.Each journey integrates an axe-core audit of the tested page to detect violations in real context.
Valeur métierBusiness value
Les fonctionnalités critiques testées en conditions réelles. Playwright valide chaque parcours utilisateur — bascule de langue, navigation clavier, explorateur de tokens — avant chaque déploiement.Critical features tested in real conditions. Playwright validates every user journey — language switch, keyboard navigation, token explorer — before every deployment.
Matrice de déclenchementTrigger matrix
| Fichier modifiéChanged file | ActionAction |
|---|---|
site/build.js | Oui — parcours navigation + bascule langueYes — navigation journeys + language toggle |
components/ | Oui — navigation clavier + audit axeYes — keyboard navigation + axe audit |
ContrôlesChecks
- Navigation principale — tous les liens fonctionnelsMain navigation — all links functional
- Bascule FR ↔ EN — contenu change correctementFR ↔ EN toggle — content changes correctly
- Filtre explorateur de tokens — résultats cohérentsToken explorer filter — consistent results
- Bouton skip-link — focus positionné sur #main-contentSkip-link button — focus positioned on #main-content
- Chaque composant — états hover, focus, disabled accessibles au clavierEach component — hover, focus, disabled states keyboard accessible
CommandeCommand
npx playwright test
# Activation :
# npm install @playwright/test && npx playwright install
# Créer tests/ avec les specs (ADR-010)