Visual Regression Testing With Playwright

When we test web applications, we often focus on the functionality. But can we also test our CSS? Can we test canvas output, SVGs, or 3D models?

Visual regression testing is one way to do that. It means that we compare screenshots, and it has existed for some time now. But it can be fragile, difficult to set up and hard to maintain, which is why we usually do not use it.

Playwright, the "new kid on the block" of e2e-testing frameworks, provides screenshot comparison out-of-the-box. Does it also solve the common challenges of visual regression testing?

In this talk, we will learn how to set up visual regression testing with Playwright. We will talk about the pitfalls and how to avoid them.

Vorkenntnisse

• Basic knowledge of JavaScript
  
• Interest in testing web applications

Lernziele

• What are the pitfalls of visual regression testing?
  
• How to set up Playwright to solve the common challenges