applitools-eyes-action
cypress-plugin-snapshots
applitools-eyes-action | cypress-plugin-snapshots | |
---|---|---|
1 | 3 | |
8 | 489 | |
- | - | |
0.0 | 0.0 | |
about 3 years ago | 6 months ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
applitools-eyes-action
-
AI-powered visual regression testing with Applitools and GitHub Actions
With the applitools-eyes-action you can identify visual changes at the time of PR using this in your workflows. This is beneficial for folks making visual changes to the UI and ensuring specific elements are not removed or broken.
cypress-plugin-snapshots
-
Visual Regression Testing with Cypress 10
One plugin which Cypress suggests is the cypress-plugin-snapshots, but if you wander into Cypress’ plugin “market” you can see that there are more. After checking a few, I have decided to go with the cypress-image-diff-js plugin because it’s free, has a relatively simple api, seems to have a good update activity and a fair amount of GitHub stars.
-
E2E Testing a Video Game
I had a lot of fun putting this together and was able to do so quickly with the help of Yannick's boilerplate, Kenny's Assets, Phaser, Cypress and cypress-plugin-snapshots.
-
Understanding and implementing Cypress snapshot testing
The cypress-plugin-snapshots module has already been mentioned earlier, but I'll mention it again as it provides image snapshot functionality as well. The toMatchImageSnapshot() command can take a screenshot of the entire web document or of a specific element.
What are some alternatives?
percy-cypress - Visual testing with Cypress and Percy
cypress-image-diff - Visual regression test with cypress
loki - 👁 Visual Regression Testing for Storybook
Cypress - Fast, easy and reliable testing for anything that runs in a browser.
cypress-image-snapshot - Catch visual regressions in Cypress
sitemap-generator - Easily create XML sitemaps for your website.
puppeteer - Node.js API for Chrome
snapshot - Adds value / object / DOM element snapshot testing support to Cypress test runner
phaser-project-template - 🕹️ Phaser 3 - Starter Template with TypeScript and webpack.
cypress-visual-regression - Module for adding visual regression testing to Cypress
cypress-react-app-actions - Access the internals of React components from Cypress end-to-end tests