In this video we'll dive into the world of flaky tests in Playwright and synthetic monitoring with Checkly. We examine a site with poor Frontend hydration patterns, their effect on test stability, and how to work around them. Learn how to avoid using artificial delays and implementing a retry mechanism with Playwright's 'toPass()' method to achieve stable testing instead.

Join us in today's video as we dive into the world of web accessibility testing with "axe-core". "axe-core" is used in Google Chrome's lighthouse and is quickly integrated in your Playwright end-to-end tests. We'll integrate "axe-core/playwright", detect accessibility issues, attach these to test reports and even integrate accessibility checks in Checkly's synthetic monitoring thanks to a new beta runtime.

Discover the latest feature of Playwright 1.42 — `page.addLocatorHandler`. If you're tired of randomly appearing cookie banners breaking your end-to-end tests or want to automatically close all these intercom widgets, this method is right up your alley. With `addLocatorHandler`, handling elements that randomly pop up becomes a breeze! In the video, we'll show you how the new Playwright method works in practice and why it makes end-to-end testing and synthetic monitoring so much easier.

APM tools promise a unified observability platform, yet they inherently focus on internal metrics, traces, and logs. This internal focus, while valuable, misses critical dimensions of the user experience and network performance that are essential for a complete understanding of application behavior in real-world scenarios. With Kentik you can dive deep into your network performance and find problems before they affect your users.

In this video, we explore how to use the Checkly CLI to programmatically test and monitor Next.js API endpoints. We'll create a dynamic setup that detects new API GET URLs and use GitHub actions to test preview API deployments and deploy API monitoring after production deploys.