Styleguide Visual Regression Lab

Client
Grant.is
Role
Automation Engineer
Year
2025
Location
Remote
TestingTooling

Overview

Introduced snapshot-based visual regression for the styleguide to catch CSS drift early.

The Challenge

Frequent component refactors risked silent visual regressions.

The Approach

  • Added Playwright visual suite under tests/optional/visual.
  • Created capture scripts for atomic component shots.
  • Wired GitLab job to store artifacts for manual diffing.

The Outcome

Reduced visual regressions and faster review confidence for CSS-heavy changes.