Michal Slezak: Creating a Framework with Playwright - How to Do It Right?
summary
Step‑by‑step recipe for a Playwright framework: TypeScript fixtures plus Page Object and Factory patterns, test data created by API not UI, and assertions kept out of page objects; a demo builds a Trello board via API, adds three cards, then moves them by drag‑and‑drop and the flow records successfully in Playwright’s Trace Viewer. Emphasizes parallelism and sharding to cut runtime (150 tests → ~8 minutes on 4 vCPUs), CI-ready reporting options (Playwright HTML, Allure, ReportPortal), and integrations like Percy, Lighthouse and Artillery.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:54What is Playwright
- 9:13Playwright framework design
- 13:27Page Object and Factory patterns
- 21:27Parallel test execution
- 25:48Trello test framework demo
- 30:58CI/CD and test stability
- 33:51Reporting and trace viewer
- 34:15Integrations and visual regression
- 37:14Q&A
related talks
01h 31mAdvanced Playwright with AI
14mAdvanced Playwright Techniques for flawless testing
28mFrom generic to specific test automation architecture with Playwright
51mAdvanced Playwright Techniques for Flawless Testing
18mAt the top of the pyramid: Playwright testing at scale
39mTesting Web Applications with Playwright
39mHow to Use AI with Playwright for UI & API Testing
12mPlay It Right With Playwright