Percy is a visual testing tool designed for web applications. It helps teams catch visual UI bugs and changes by taking screenshots of your application in different states and then comparing them to identify any discrepancies.
Here are some key features and aspects of Percy:
- Automated Visual Testing: Percy integrates with your existing test suite and captures screenshots of your application during test runs. It then highlights visual differences between screenshots, making it easy to spot UI changes.
- Cross-browser and Cross-device Testing: Percy can capture screenshots across different browsers and devices, allowing you to ensure your application looks consistent and correct on various platforms.
- Integration with CI/CD Pipelines: Percy can be integrated into Continuous Integration/Continuous Deployment (CI/CD) pipelines, allowing you to run visual tests as part of your deployment process automatically.
- Visual Diffs and Changes Dashboard: Percy provides a visual diff tool that helps you review and approve visual changes. It also offers a dashboard to view historical screenshots and track visible changes over time.
- Support for Various Front-end Frameworks: Percy supports a wide range of front-end frameworks and libraries, including React, Angular, Vue.js, and more.
- Collaboration and Communication Features: Teams can collaborate on visual testing by commenting on screenshots, helping to track and manage visual changes effectively.
- Base Branch Comparisons: Percy allows you to compare visual changes against a designated base branch, making it easy to identify visual differences introduced by new code.
- Accessibility Testing: Percy can also detect accessibility issues, making it a comprehensive tool for both visual and accessibility testing.