2
polaris.shopify.com project: Polaris tech stack: How visual testing helps the Shopify team update their style guide with speed and confidence The challenge Shopify had no way to maintain the visual integrity of the Polaris design system UI and component library. They depended heavily on the team to manually QA each pull request, but visual regressions still made their way to production. To keep Polaris a reliable and valuable community resource for all of Shopify’s UX professionals and partners, they recognized the need for consistent and automated visual feedback—without having to invest a huge amount of time up front. Shopify’s mission is to make commerce better for everyone. The Shopify team supports a community of over 800,000 merchants with their platform, and a partner ecosystem with their fully maintained design system, Polaris. Polaris is both a set of guidelines and a managed component library that helps Shopify and its partners build consistent and beautiful user experiences for merchants. Because hundreds of partners—and thousands of merchants—depend on Polaris, the Shopify team works hard to keep it pixel-perfect. More than 130 contributors (designers, content creators, developers, and even external contributors) all work together to build and maintain Polaris. Shopify Polaris Case Study Visual testing has given us an instant boost in confidence when shipping code, and makes code reviews so much more efficient. Now instead of having to manually scout for visual changes across all of our pages and components in every pull request, we instantly see everything that’s changed in Percy’s UI. Kaelig Deloumeau-Prigent, UX Development Manager on Polaris, Shopify
