Project types
Explore the project types offered by Percy to optimize and streamline your visual testing workflow.
Visual testing helps you verify UI changes automatically, ensuring your application remains visually consistent and free of regressions. Percy offers two project types for visual testing:
- Percy on Web - Manage browsers with Percy
- Percy on Automate - Manage browsers with Automate
Percy on Web is designed for standalone 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:
Integrating functional and visual testing can greatly enhance your ability to catch UI regressions and ensure the visual consistency of your application. By integrating Percy with your functional testing pipeline, you can seamlessly capture screenshots during your functional test runs and compare them to baseline images.
Check out the video below to get an overview of Percy on Automate:
| Percy on Web | Percy on Automate |
|---|---|
| Requires a Percy license. | Requires a Percy & Automate license. |
| Run visual tests on only the specific latest desktop and mobile browsers. | Run visual tests on your required desktop OS, Mobile OS, Mobile devices, and browser combinations. |
| You can control the browsers selection options in the Percy project settings option on UI. | The browsers selection/capabilities needs to be specified in the BrowserStack configuration file for an Automate session. |
Use percy.snapshot command. |
Use percy.screenshot command. |
| Token for Percy web project type starts with web_xxxxx | Token for Percy Automate project type starts with auto_xxxxxxxx |
| If you want twice the speed, purchase the enterprise plan for Percy. | If you want to boost the test processing speed, consider purchasing parallels in Automate. |
| We have lots of built-in and configurable functionality to make screenshots as stable as possible, including freezing animations, handling dynamic data, and rendering third-party fonts. | Intelli ignore can take of some issues. For others, users have to manually stablize (get browsers tab exact state) the browsers |
| We skip redirected assets (like redirecting to a CDN on request) | Redirects are handled by the automated script |
| We cannot capture authenticated assets. | Authenticated assets will work if user will do authenticated session |
| Supported languages and frameworks | Supported languages and frameworks |
| Percy web does not support pseudo class | Tell us the capture movement and Percy will take screenshot of that movement as it supports css pseudo classes. |
| It supports third party automated testing platforms including in-house setups. | It does not supports third party automated testing platforms including in-house setups. |
| Handles all reconstruction and rendering on a dedicated infrastructure designed for scalable visual testing. | Handles the screenshot capture on dedicated automate session. |
| Captures DOM snapshots and page assets (like CSS and images). | Capture a screenshot when a page is rendered during an Automate session. |
Next Step
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
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!