From Tool to Process: Integrating Visual Regression Testing into Team Workflow

We work with many JavaScript based tools in our day to day lives. But how do we take those tools from being used by a single person on a machine and integrate it into a team’s workflow? How can we link those tools into chains and go from a tool to a process?

In this talk, I discuss how I converted PhantomCSS, a tool for visual regression testing, and integrated it into our workflow. I also cover the challenges we faced which ranged from integrating the tests into our CI, test execution taking too long, ability to browse the test results and notifying developers about failed regressions.

Key Topics Covered

• Converting single-user tools into team processes
• CI/CD integration strategies for visual regression testing
• Performance optimization for test execution
• Building interfaces for browsing test results
• Developer notification systems for failed regressions

This talk was given at a local meetup where I shared my experiences and learnings from implementing automated visual regression testing at scale.