Test and trust your React app by combining Playwright’s powerful browser automation with modern synthetic monitoring. In this hands-on workshop, you’ll learn how to write real user flow tests with Playwright, run them locally, and then scale them into production-ready monitoring with Checkly.
We’ll start with a quick tour of synthetic vs. real user monitoring, then dive into testing key interactions in your app, from page loads to forms and navigation. You’ll learn how to use Playwright’s core features to create reliable end-to-end tests.
Next, we’ll show you how to turn those local tests into live monitors. You’ll deploy your tests as synthetic monitors, view test runs, and debug failures with rich observability data, like screenshots and traces.
Table of contents:
- Intro: Synthetic vs RUM, Testing vs Monitoring
- Setup to run app locally
- Write Playwright tests on the app
- Playwright core features
- Run tests
- Convert Playwright tests into synthetic monitors
- Concepts of Monitoring as Code
- Observability: debug with Traces, Logs & Screenshots
- Closing the loop with alerts and notification channels considerations
Workshop level: developers comfortable with React and CLI tools.
This workshop has been presented at React Summit 2025, check out the latest edition of this React Conference.