This webinar introduces an approach to visual regression monitoring, utilizing Playwright and Checkly. Playwright, an open-source end-to-end testing framework supported by Microsoft, enables you to simulate complex paths through your site. Checkly, which uses playwright to create synthetic service monitors, enables the execution of visual regression tests at regular intervals. This combination alerts developers to potential interface problems before they become visible to users.

Locating elements in your end-to-end tests can sometimes be a challenge. In this video, we tackle the problem of hard-to-locate elements by chaining multiple locators using `locator().and()`. By chaining locators you'll be able to combine user-first locators with specific locators reaching for a test id or CSS class.

In today's video, we explore a lesser-known feature of Microsoft's Playwright - API Testing. We'll illustrate how to use Playwright for testing GraphQL as an example of an HTTP-based API; RESTful APIs can be tested too. We'll explain the usage of the 'request' fixture with Playwright, parse responses and validate their correctness. Moreover, we'll delve into executing multiple API requests in a single Playwright test case while testing their responses.

Learn how Checkly's new multistep checks help you to decrease incident response times with synthetic monitoring. Use multistep checks to chain and manage multiple API requests, run custom code for response validation, and get accurate alerts when incidents occur. This video explains how to create a multistep check to monitor a RESTful API from scratch. Do you have questions? Join our vibrant Checkly community on Slack and explore further!

Page object models (POM) are common to encapsulate test automation logic and improve code readability. Learn in this video how to combine POMs and Playwright fixtures for effective end-to-end testing and synthetic monitoring with an excellent developer experience. Got questions? Join the Checkly community Slack. And tune in next week for more on Playwright, Synthetic Monitoring, and API Monitoring. Happy testing!

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.