
Jun 4, 14:00
Enhancing React Apps with Playwright Monitoring
WorkshopPublic
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 MonitoringSetup to run app locallyWrite Playwright tests on the appPlaywright core features Run testsConvert Playwright tests into synthetic monitorsConcepts of Monitoring as CodeObservability: debug with Traces, Logs & ScreenshotsClosing the loop with alerts and notification channels considerationsWorkshop level: developers comfortable with React and CLI tools.