Playwright : les tests E2E nouvelle génération
Playwright, par Microsoft, est devenu le standard pour les tests end-to-end. Plus fiable que Selenium, plus puissant que Cypress pour le cross-browser, il offre une DX exceptionnelle. Chez Eve Media, Playwright est notre outil de test E2E de référence.
Pourquoi Playwright
Auto-wait élimine les flaky tests : Playwright attend automatiquement que les éléments soient prêts. Multi-browser natif : Chrome, Firefox, Safari avec le même code. Isolation des tests avec des contextes de navigateur séparés.
Installation et setup
npm init playwright@latest configure tout : TypeScript, browsers, CI config. Le codegen (npx playwright codegen) enregistre vos actions et génère le code. Parfait pour démarrer rapidement.
Écrire des tests
Les tests utilisent des locators sémantiques : getByRole, getByText, getByLabel. Ces locators sont résilients aux changements de structure HTML. Évitez les sélecteurs CSS fragiles quand possible.
Page Object Model
Le pattern Page Object encapsule les interactions avec chaque page dans des classes dédiées. Les tests deviennent lisibles et maintenables. Les changements d’UI n’impactent qu’un seul endroit.
Assertions
Playwright inclut des assertions qui attendent automatiquement. expect(locator).toBeVisible() attend que l’élément soit visible. Pas besoin de waits explicites pour la plupart des cas.
Tests visuels
Les screenshot tests comparent l’apparence visuelle entre les runs. Détectent les régressions CSS invisibles aux tests fonctionnels. Attention aux faux positifs : différences de fonts, animations.
Network mocking
Interceptez et mockez les requêtes réseau. Testez les cas d’erreur, les slow networks, les données spécifiques. page.route() contrôle précisément les réponses.
Parallel execution
Playwright exécute les tests en parallèle par défaut. Les workers isolés évitent les interférences. La configuration permet d’ajuster le parallélisme selon vos ressources.
CI integration
Les GitHub Actions, GitLab CI, Jenkins sont supportés avec des configs prêtes à l’emploi. Les artifacts (screenshots, videos, traces) facilitent le debugging des échecs en CI.
Trace Viewer
Le Trace Viewer est un outil de debugging puissant. Il enregistre chaque action, screenshot, réseau pour rejouer et analyser les échecs. Invaluable pour comprendre pourquoi un test a échoué.
API testing
Playwright peut aussi tester les APIs directement. request.get(), request.post() pour les tests d’API dans le même framework que vos tests UI.
Conclusion
Playwright a résolu les problèmes historiques des tests E2E : flakiness, lenteur, complexité cross-browser. C’est l’outil moderne pour des tests end-to-end fiables.
Chez Eve Media, nous testons nos applications avec Playwright. Contactez-nous pour des développements de qualité.
