Workshop
Twelve blocks. Four parts. One day of Playwright.
- 00.Preparation
Install Playwright, clone the repo, and land one green test so day-of goes smoothly.
Basics
Install, debug, run.- 01.
Getting started + codegen
Record your first tests using codegen
Coming - 02.
Debugging, traces & UI mode
Break things, debug them and analyze with the trace viewer.
Coming - 03.
Make Playwright yours
Basic configuration options for your Playwright setup.
Coming - 04.
The Playwright test runner
Learn how to give your test suite some structure.
Coming
Writing tests
The craft of real tests.- 01.
Start testing things (for real)
Understand Playwright's actionability and locators.
Coming - 02.
Check the site works correctly (part 1)
Learn how to add assertions and avoid all these "waitFor"s.
Coming - 03.
Check the site works correctly (part 2)
Learn how to extract data from a page.
Coming - 04.
Check the site works correctly (part 3)
Get comfortable testing things.
Coming - 05.
Screenshots and visual regression testing
Learn how to take some pictures and implement visual regression tests.
Coming - 06.
Control the network
Learn how to block, mock and change network responses.
Coming - 07.
Page events
Learn how to react to JavaScript events in the page.
Coming - 08.
New tabs and pages
Learn how to capture new tabs and pages.
Coming - 09.
Playwright project configuration
Learn how to give your project more structure.
Coming - 10.
Testing the messy real world
Get used to test real world scenarios.
Coming
AI
Playwright in the agentic era.- 01.
@playwright/cli
Prompt-to-test with Playwright's AI CLI.
Coming - 02.
Claude Code CLI for test authoring
Pair with Claude Code end-to-end.
Coming - 03.
Playwright Agents
Planner, Generator, Healer — the triage team.
Coming - 04.
AI-maintainable test design
Tests that AI (and future you) can keep alive.
Coming
Misc
Optional, post-workshop.- 01.
Misc — Testing APIs
Learn how to test APIs, too!
Coming - 02.
Misc — How to gather web performance metrics
Learn how to implement custom functionality and extract perf metrics.
Coming - 03.
Advanced — Use Playwright Test fixtures
Learn how to organize your code with fixtures to give more structure.
Coming - 04.
Advanced — Storage state
Learn how to implement a setup step and reuse browser state.
Coming - 06.
Links and other stuff
Give more resources.
Coming