Introduced Visual Testing with Playwright

[nora-weisser]

Summary

This PR introduces a Docker-based setup for visual regression testing to ensure consistent UI rendering across different browsers and operating systems.

What’s included

• Added a Dockerfile to eliminate OS- and browser-specific rendering inconsistencies during visual tests
• Introduced Docker Compose to simplify local and CI execution
• Standardized screen size and screenshot naming conventions for reliable visual comparisons
• Updated the existing CI pipeline to run tests inside Docker
• Added @visual tags to selectively exclude visual tests from regular test runs and reduce false positives
• Introduced a command to update baseline screenshots when UI changes are intentional

Why this change

Running visual tests in a controlled Docker environment ensures deterministic results, reduces flaky failures caused by environment differences, and makes visual regression testing easier to maintain and scale.

Type

• Bug Fix
• New Feature
• Code Refactor
• Documentation
• Other

Related Issue

Screenshots

Testing

Pull request checklist

Please check if your PR fulfills the following requirements:

• I checked and followed the contributor guide
• I have tested my changes locally.
• I have added a screenshot from the website after I tested it locally

[gpaOliveira]

Minor remarks only, looking good for me already 👍

[dricazenck]

🚀 really nice :)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud