Workshop

Twenty blocks. Three parts. One day of Playwright.

Before you arrive
  1. 00.

    Install Playwright and land one green test so day-of goes smoothly.

Basics

Install, debug, run.
  1. 01.

    Getting started + codegen

    Record your first tests using codegen

    Coming
  2. 02.

    Debugging, traces & UI mode

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

    Coming
  3. 03.

    Make Playwright yours

    Basic configuration options for your Playwright setup.

    Coming
  4. 04.

    The Playwright test runner

    Learn how to give your test suite some structure.

    Coming

Writing tests

The craft of real tests.
  1. 01.

    Test like a user

    Understand Playwright's actionability and locators.

    Coming
  2. 02.

    Stop writing waitFors — use web-first assertions

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

    Coming
  3. 03.

    Assert with accessibility — ARIA snapshots and a11y matchers

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

    Coming
  4. 04.

    Extract values from the DOM

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

    Coming
  5. 05.

    Authenticate once, test everywhere

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

    Coming
  6. 06.

    Tackle flaky tests

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

    Coming
  7. 07.

    Screenshots and visual regression testing

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

    Coming
  8. 08.

    Control the network

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

    Coming
  9. 09.

    Testing APIs

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

    Coming
  10. 10.

    Page events

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

    Coming
  11. 11.

    Testing the messy real world

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

    Coming

AI

Playwright in the agentic era.
  1. 01.

    Why CLI — and how to drive it

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

    Coming
  2. 02.

    Drive a flow, create tests and debug

    Have your coding agent turn a CLI-driven session into a runnable Playwright spec.

    Coming
  3. 03.

    POMs with AI

    Let your agent lift repeated locators into a Page Object Model.

    Coming
  4. 04.

    Fixtures with AI

    Let your agent lift repeated setup into a custom Playwright fixture.

    Coming
  5. 05.

    Where AI really shines

    Spot the test-authoring tasks where AI is the obvious tool. Remain in charge.

    Coming