Using Visual Regression checks to Make Sure You Never Miss a Problem on Production

· Updated

Thank you to all who joined Tim and Nočnica for a tour of our visual regression features and how it can transform the reliability of your user experience. For those who didn't attend live, check out the recorded version of our webinar:

Traditional end-to-end (e2e) pre-deploy testing systems incorporate visual regression testing to catch discrepancies. This system assumes that the interface of a site will not change between code deployments. But with third party dependencies and render-time changes from things like Google Tag Manager, we know that visible regressions can happen at any time. That’s where Checkly’s synthetic monitoring can help you monitor your site or service continually, letting you know any time something changes.

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.

What You Will Learn

Testing vs. Monitoring

How you can use established e2e testing techniques on your production environments.

Visual regression Tests in Action

  • Screenshots and comparisons
  • Golden files
  • Browser rendering
  • Viewing results

Advanced Techniques

  • Scheduling checks
  • Sharing and collaborating on tests
  • Monitoring as Code (MaC)

Who Should Watch?

This webinar is designed for developers, QA engineers, and DevOps professionals seeking to enhance their monitoring strategies with visual regression monitoring. Whether you are looking to integrate advanced monitoring tools into your workflow or aiming to improve the reliability of your applications, this session will provide valuable insights and practical knowledge.


Watch the Webinar recording now!

Don't miss this opportunity to explore how Checkly can transform visual regression testing into a powerful monitoring tool.

After you watch, join us on Slack to redefine the way you monitor your applications, ensuring a seamless and error-free user experience.

Nočnica Mellifera

Developer Advocate

Nočnica Mellifera (She/Her) was a developer for seven years before moving into developer relations. She specializes in containerized workloads, serverless, and public cloud engineering. Nočnica has long been an advocate for open standards, and has given talks and workshops on OpenTelemetry and Kubernetes architecture. She enjoys making music that friends have described as "unlistenable." In her spare time she cares for her two children and hundreds of houseplants.

Try Checkly

Catch it before your users do

Run Playwright and API checks against production every minute, from locations around the world. Your checks live in your repo and deploy with your code.

Free plan. No credit card.

# scaffold a project with example checks

npm create checkly@latest

# run them from our global locations

npx checkly test

# turn them into production monitors

npx checkly deploy

Related Articles