Awesome Visual Regression Testing
Curated list of awesome visual regression testing resources.
Regression testing is a type of software testing which verifies that software which was previously developed and tested still performs the same way after it was changed or interfaced with other software. The purpose of regression testing is to ensure that changes to the software have not introduced new faults.
Foreword
This is intended to be an incomplete list of resources about visual regression testing. It is not tailored to a specific area or role (Developer/QA/UX-Designer). Note that this is for all areas of regression software testing after the code in question is written. For a awesome list on general software testing see e.g. awesome-testing.
Finally, I'm sure everyone who reads this list has one thing they want to add. Please read the How to Contribute page and Feel free to add to the list!!. If you think this is helpful Please give a Star ⭐️.
Contents
- General information
- Browser automation
- Tools and frameworks
- Online services
- Blog posts
- Slideshows, talks and videos
- Deprecated
- Miscellaneous
- Contributing
- Code of Conduct
- License
General information
Browser automation
- Cypress.io - An automation framework that runs in-browser.
- Selenium - Browser automation framework and ecosystem.
- SlimerJS - Scriptable browser like PhantomJS, based on Firefox.
- Webdriver.io - Node.js bindings implementation for the W3C WebDriver protocol.
Tools and frameworks (a-z↓)
- AET - Scalable testing tool providing visual regression testing, accessibility and performance validation, markup analysis and more.
- AyeSpy - 44 image comparisons in 90 seconds.
- BackstopJS - Config-driven automated screenshot test framework.
- basset - Open source platform for generating and reviewing visual differences. Supports multiple browsers, integrations for github and slack.
- Chimp - Develop acceptance tests & end-to-end tests with realtime feedback.
- CodeceptJS - Modern Era Acceptance Testing Framework for NodeJS.
- Creevey - Cross-browser visual testing with magic. Feature-rich tool with UI Runner, Tests Hot Reloading, Docker and Storybook integration.
- CSSCritic - Lightweight CSS regression testing.
- Differencify - A library for visual regression testing using Puppeteer.
- ember-visual-test - Simple visual regression testing for Ember.
- FuncUnit - A functional test suite based on jQuery
- Galen - Java framework based on Selenium.
- gatling - Integrated visual RSpec matcher which makes real visual testing easy (Ruby).
- grunt-photobox - Plugin to prevent your project of broken layout via screenshot photo sessions of your site.
- Happo - Visual diffing in CI for user interfaces.
- Hardy - Selenium-driven, cucumber-powered CSS testing.
- jest-image-snapshot - Jest matcher that performs image comparisons using pixelmatch
- jest-puppeteer-react - Visual regression testing with Jest and puppeteer for React components
- Karma - A test runner by the AngularJS team, that fits all our needs.
- Loki - Visual regression testing for Storybook using Chrome in docker et al.
- Look-alike - Chrome Extension for taking and comparing screenshots.
- Lost Pixel - Holistic visual regression testing for full pages, components (via Storybook and Ladle integration), and custom shots (e.g. via Cypress).