Skip to main content

Visual Testing with App Percy

Learn how visual testing with App Percy works and why you should choose App Percy

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.

App 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. App 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 App Percy:

Benefits of using App Percy for visual testing

Visual testing with App 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 native mobile applications 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 App Percy, you need to integrate your test suites with App Percy.

You can integrate visual testing with App Percy using:

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

BrowserStack SDK is a plug-n-play solution that takes care of all the integration steps for you. Using the BrowserStack SDK is the recommended integration method for your project. For more information, see Integrate Percy using the BrowserStack SDK.

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback

Is this page helping you?

Yes
No

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback!

Talk to an Expert
Download Copy