Using playwright for visual regression testing

[gfellerph]

After the testing workflow planning, we'd like to test playwright visual regression tests for CSS components. This POC would serve as a base for a bigger decision to switch from cypress to playwright to align with the company strategy.

Guide

A handy guide to help us getting started: https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright#working-with-element-snapshots

Tasks

• Add playwright to the styles package
• Set up visual regression tests for one component (button?)
• Set up a GitHub Action to execute the tests
• Set up parallel test runs
• Set up test runs for multiple browsers
• Present results in the dev roundtable