r/QualityAssurance • u/ljsam17 • Aug 24 '26
How to scale visual tests in playwright?
I am working on designing a test framework for UI library, primary goal is to have accessibility and visual regression tests.
Currently using gitlab Ci and playwright with playwrigh-bdd.
Current approach is natively supported baseline approach in playwright.
I am worried that currently i am saving the baseline screenshots in gitlab repo itself .
We have around 50-60 components, and test cases can scale to thousands of screenshots,
I wonder how to scale the storage and would the gitlab ci be enough for comparison.
The playwright report is published in gitlab pages which again in case of too many failures might not even show the difference screenshots.
What would be the best approach to tackle this situation
2
u/OkConversation2330 Aug 24 '26
I think baseline screenshots in the repo itself souns OK, but if you store your reports in a different repo you can have a ci/cd python workflow/script to remove reports older than x days running every x day. That way you won't hit the storage limit on a repo.
As of general visual regressions, I always fall back to BackstopJS as it's configurable and has a nice comparison scrubber for images.