Workshop materials

Slides and test object.

Look back at the slides at your own pace, and keep practising with booker-platform after the workshop.

Materials · 01

The slides.

Navigate with the arrow keys, press O for an overview of all slides and G to jump to a slide number.

  1. Playwright UI workshop

    Two evenings. First your first stable tests: locators, assertions, debugging and test data. Then scale up: page objects and fixtures, authentication, network mocking, a flaky-test clinic and CI. Going further, for afterwards: time and contexts, visual and accessibility testing, CI in depth and AI-assisted testing.

    Open the UI slides UI assignments

  2. API testing with Playwright

    Testing a REST API with Playwright's request fixture: authentication, resources and roles, schema validation, fixtures and helpers.

    Open the API slides API assignments

Materials · 02

booker-platform.

The test object for both workshops: a small hotel booking app, built to practise testing with Playwright. It runs entirely on your own machine; there is no hosted copy, so you can't break anything for anyone else.

  1. What's inside

    • A web app (React) with a booking wizard, My bookings, messages, an admin area, a Dutch translation and dark mode
    • A REST API (Express, SQLite, JWT) with Swagger docs
    • Features that need the trickier Playwright APIs: downloads, live updates, a payment form in a shadow DOM, drag & drop and file uploads
    • Test hooks: reset and seed endpoints, plus feature flags that switch on bugs and chaos for the flaky-test clinic
    github.com/Ghislain89/booker-platform

    Not set up yet? Follow the preparation steps.

  2. Reference solutions

    The solutions branch has a worked solution for every assignment, with page objects, fixtures and a CI workflow. Try it yourself first: there's more than one good answer.

    git fetch origin && git switch solutions
    Solutions on GitHub

Slides from my talks, such as Introduction to Testcontainers and Agents, Skills & MCP Servers, are on the homepage.

Re-use

The slides (source on GitHub) are licensed under CC BY-NC-SA 4.0; booker-platform is MIT licensed.