Visual Testing with Percy

Get an overview of visual testing with Percy and its benefits

Visual testing is the automated process of verifying UI changes. To prevent visual regressions or discrepancies, you need to compare the UI of an application before and after making changes to the application.

Percy is an all-in-one visual testing and review platform. It automates the visual QA process to catch visual bugs and gain insights into UI changes on each commit. Percy lets you maintain the visual integrity of your UI every time you deploy it.

Check out the following video to get an overview of visual testing with Percy:

Benefits of using Percy for visual testing

Visual testing with Percy gives you complete insight and confidence on each and every deployment. You can easily catch visual bugs, review design changes, and be sure that every pixel you deploy to customers is correct, before they even see it.

• Cross browser testing: Provides capabilities for testing web applications on desktop and mobile browsers across a range of browsers and multiple responsive widths on desktop and mobile devices.
• Efficiency: Improves efficiency by reducing the time and effort required to manually spot visual regressions.
• Consistency: Promotes consistent user experience by identifying visual discrepancies early in the development process.
• Collaboration: Improves collaboration between developers, designers, and QA teams by providing a visual representation of changes.
• Prevent regression: Prevents you from experiencing unintended visual regressions.
• Integrations: Percy integrates with popular tools and services like GitHub, GitLab, Bitbucket, and more.

Integrate test suites for visual testing

To test your UI across browsers using Percy, you need to integrate your test suites with Percy.

You can integrate visual testing with Percy using:

• BrowserStack SDK: This simplifies testing by combining functional and visual tests in a single pipeline using BrowserStack’s Automate platform. You can run your functional tests on multiple combinations of browsers and devices on BrowserStack, while the visual tests are run on Percy in parallel.
• Percy SDK: With this, you can manually integrate Percy with your functional automated testing and use the Percy dashboard for visual testing.

Related topics

• Percy basics
• Run a sample build
• Integrate with Percy