Case Study: Canva achieves visual testing confidence with BrowserStack Percy

Canva utilizes automated visual testing for confidence in every product update

Canva, the online design platform, needed a scalable way to maintain visual consistency across its rapidly growing web application, marketing site, and mobile apps. Manual visual testing was too slow, expensive, and unsustainable, especially as product updates had to be checked across browsers and screen sizes. Canva used BrowserStack’s Percy for automated visual testing.

BrowserStack helped Canva integrate Percy into its React application and Storybook components within its Buildkite CI pipeline, with two-way GitHub integration for pull request alerts. The solution let engineers catch visual diffs in Chrome and Firefox, reduce manual QA effort, and review intended versus unintended changes quickly. As a result, Canva gained cross-browser visual confidence for every code change and ensured components and pages rendered correctly with far less manual effort.

Canva

Joscha Feth

Engineer