Percy

Automatically captures pixel-perfect screenshots of web applications across multiple browser engines (Chromium, Firefox, Safari) and device viewports (mobile, tablet, desktop) by orchestrating headless browser instances and normalizing rendering differences across rendering engines. Percy manages browser automation infrastructure to ensure consistent capture timing, scroll handling, and font rendering across platforms.

Compares current screenshots against baseline snapshots using machine learning-based diffing that distinguishes intentional design changes from noise (anti-aliasing artifacts, font rendering variations, subpixel shifts). The algorithm learns from user-approved diffs to improve accuracy over time, reducing false positives from environment-specific rendering differences while catching genuine visual regressions.

Tracks visual testing metrics over time (snapshot count, approval rate, regression detection rate, average review time) and provides analytics dashboards showing trends in visual quality. Percy analyzes approval patterns to identify frequently-changed components and high-risk areas, helping teams prioritize visual testing efforts. Supports custom metrics and integration with analytics platforms.

Provides team management features including user invitations, role-based access control (admin, reviewer, viewer), project organization, and audit logging. Percy allows organizations to structure teams by project, assign different permissions to different roles, and track who made what changes. Supports SSO integration for enterprise organizations.

Provides a web-based interface for teams to review visual diffs, approve or reject changes, add comments, and track approval history. The workflow integrates with CI/CD to block merges until visual changes are explicitly approved, creating an audit trail of who approved what changes and when. Supports batch approvals, bulk rejection, and role-based access control for design review gates.

Integrates Percy into CI/CD workflows via native plugins (GitHub Actions, GitLab CI, Jenkins) and webhook APIs that report visual test status back to the VCS. Percy blocks pull requests/merge requests until visual changes are approved, preventing unreviewed visual changes from reaching production. Supports conditional checks (only block on certain branches) and custom status messages.

Maintains version history of approved baselines, allowing teams to compare against previous versions, rollback to earlier baselines if needed, and track when visual changes were introduced. Each approved snapshot is timestamped and linked to the commit/PR that introduced it, creating a complete visual change history. Supports branching baselines for feature branches and automatic baseline synchronization across branches.

Automatically captures and tests web applications across predefined device breakpoints (mobile, tablet, desktop) and custom viewport dimensions, detecting responsive design regressions where layouts break at specific screen sizes. Percy manages viewport-specific baselines and diffs, allowing teams to verify that responsive CSS changes work correctly across all target devices without manual testing.

Provides language-specific SDKs (Node.js, Python, Ruby, JavaScript) that allow developers to programmatically trigger snapshots at specific points in test code, with support for custom comparison logic (ignore regions, custom thresholds, conditional snapshots). SDKs integrate with popular testing frameworks (Cypress, Playwright, Selenium, Puppeteer) to capture snapshots within test execution, enabling fine-grained control over what gets captured and compared.

Allows developers to define regions of screenshots to ignore during visual diffing (using CSS selectors, coordinates, or element references), masking dynamic content (timestamps, ads, user-specific data) that changes between snapshots but is not relevant to visual testing. Percy's masking engine removes these regions from diff calculations, reducing false positives from non-visual changes while maintaining coverage of intentional visual changes.

Captures multiple snapshots in parallel across browsers and viewports, batching requests to Percy's infrastructure to reduce total test time. Percy's backend orchestrates parallel browser instances and image processing, allowing teams to test dozens of snapshots across multiple browsers/viewports in the time it would take to test serially. Supports configurable parallelism and batch size optimization.

Provides an interactive web interface for reviewing visual diffs with side-by-side baseline/current comparison, region highlighting showing exactly what changed, and zoom/pan controls for detailed inspection. The interface uses color-coded overlays (red for removed, green for added, yellow for modified) to highlight changed regions, with pixel-level accuracy for identifying small changes. Supports full-page diffs and region-specific diffs.