Workshop

Twelve blocks. Four parts. One day of Playwright.

Before you arrive
  1. 00.Preparation

    Install Playwright, clone the repo, 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.

    Start testing things (for real)

    Understand Playwright's actionability and locators.

    Coming
  2. 02.

    Check the site works correctly (part 1)

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

    Coming
  3. 03.

    Check the site works correctly (part 2)

    Learn how to extract data from a page.

    Coming
  4. 04.

    Check the site works correctly (part 3)

    Get comfortable testing things.

    Coming
  5. 05.

    Screenshots and visual regression testing

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

    Coming
  6. 06.

    Control the network

    Learn how to block, mock and change network responses.

    Coming
  7. 07.

    Page events

    Learn how to react to JavaScript events in the page.

    Coming
  8. 08.

    New tabs and pages

    Learn how to capture new tabs and pages.

    Coming
  9. 09.

    Playwright project configuration

    Learn how to give your project more structure.

    Coming
  10. 10.

    Testing the messy real world

    Get used to test real world scenarios.

    Coming

AI

Playwright in the agentic era.
  1. 01.

    @playwright/cli

    Prompt-to-test with Playwright's AI CLI.

    Coming
  2. 02.

    Claude Code CLI for test authoring

    Pair with Claude Code end-to-end.

    Coming
  3. 03.

    Playwright Agents

    Planner, Generator, Healer — the triage team.

    Coming
  4. 04.

    AI-maintainable test design

    Tests that AI (and future you) can keep alive.

    Coming

Misc

Optional, post-workshop.
  1. 01.

    Misc — Testing APIs

    Learn how to test APIs, too!

    Coming
  2. 02.

    Misc — How to gather web performance metrics

    Learn how to implement custom functionality and extract perf metrics.

    Coming
  3. 03.

    Advanced — Use Playwright Test fixtures

    Learn how to organize your code with fixtures to give more structure.

    Coming
  4. 04.

    Advanced — Storage state

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

    Coming
  5. 06.

    Links and other stuff

    Give more resources.

    Coming
Current navigation