Workshop

Record your first tests using codegen

Break things, debug them and analyze with the trace viewer.

Basic configuration options for your Playwright setup.

Learn how to give your test suite some structure.

Understand Playwright's actionability and locators.

Learn how to add assertions and avoid all these "waitFor"s.

Use accessibility-aware matchers to lock down structure and catch a11y regressions with clear failure messages.

Read data out of the page so you can assert on values you don't know up front.

Learn how to implement a setup step and reuse browser state.

Recognize the patterns behind flaky tests and apply the right tool for each.

Learn how to take some pictures and implement visual regression tests.

Block, mock, and modify network requests so tests stay fast and deterministic.

Use the `request` fixture to hit HTTP endpoints directly — no browser, no DOM.

Subscribe to dialogs, console messages, errors, downloads, and new tabs.

Stitch the workshop's patterns into one end-to-end purchase against the local /checkout.

See why a coding agent reaches for `@playwright/cli` over MCP, and run your first agent-driven browser session.

Have your coding agent turn a CLI-driven session into a runnable Playwright spec — and understand exactly what it's doing under the hood.

Lift repeated locators into a Page Object Model with the agent doing the typing — and decide which methods earn their keep.

Lift repeated setup into a Playwright fixture with the agent doing the typing — and decide what should and shouldn't be hidden.

Spot the test-authoring tasks where AI is the obvious tool — pattern-following, typing-heavy work where the agent does the labour and you do the deciding.