A curated list around the topic: visual regression testing
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. awsome-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 helpfull Please give a Star ★.
- General information on regression testing
- Browser automation
- Tools and frameworks
- Online services
- Blog posts
- Slideshows, Talks and Videos
- Misc
- Wikipedia: Regression testing
- Survey of screenshot-based CSS testing tools
- visualregressiontesting.com - Basic collection of links.
- Selenium - A browser automation framework and ecosystem.
- PhantomJS - Scriptable Headless WebKit.
- SlimerJS - A scriptable browser like PhantomJS, based on Firefox.
- trifleJS - Headless automation for Internet Explorer.
- CasperJS - Navigation scripting and testing utility for PhantomJS and SlimerJS.
- Webdriver.io - A Node.js bindings implementation for the W3C WebDriver protocol.
- Navalia - Browser Automation based on headless Chrome and GraphQL.
- PhantomCSS - Visual/CSS regression testing with PhantomJS or SlimerJS.
- Wraith - Easy to use ruby tool with docker support.
- BackstopJS - Config-driven automated screenshot test framework.
- Galen - Java framework based on Selenium.
- Gemini - Feature rich framework with support for Selenium and CasperJS.
- Huxlay - Python framework based on Selenium Webdriver.
- PhantomFlow - An experimental approach to UI testing, based on Decision Trees.
- CSSCritic - Lightweight CSS regression testing.
- Spectre - Provides image comparison capabilities and an admin interface for managing screenshots.
- Shoov - UI regression and functional testing focused on Drupal 7 sites.
- OcularJS - uses PhantomJS.
- WebdriverCSS - WebdriverCSS sits on top of Webdriver.io and hooks into Selenium.
- Look-alike - Chrome Extension for taking and comparing scrennshots.
- Hardy - Selenium-driven, cucumber-powered CSS testing.
DalekJS- Not maintained any longer.- TestCafe - Automated browser testing for the modern web development stack.
- Needle - Needle is a tool for testing visuals with Selenium and nose (Python).
- dpxdt [Depicted] - End-to-end testing with Python.
- gatling - An 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.
- vrtest - A JavaScript library for running visual regression tests on your components cross browser via selenium.
- Happo - Visual diffing in CI for user interfaces.
- reg-cli - Visual regression test tool which output easy-to-read single file html repot.
- BrowserStack - Free for Open Source. Supports Selenium Webdriver.
- screener.io - For React, looks open source.
- applitools
- percy.io - Continuous visual reviews for web apps.
- screenster.io
- siteeffect.io
- MogoTest
- bugsnag
- screenbeacon.com - Real time monitoring for visual regressions.
- browserling
- Browser Shots - Screenshots only.
- Ghost Inspector - See introduction video.
- CrossBrowserTesting - Manual & exploratory testing on 1500+ real browsers and mobile devices.
- Argos-CI - Automate visual regression testing.
- Kevin Lamping: The 5 best visual regression testing tools - Compares: Wraith, PhantomCSS, Gemini, WebdriverCSS and Spectre.
- Garris Shipon: Visual Regression Testing For Angular Applications - Tutorial using BackstopJS.
- Angela Riggs: Visual Regression Testing with BackstopJS - Tutorial using BackstopJS.
- Garris Shipon: Automating CSS Regression Testing - Tutorial using BackstopJS.
- Phillip Gourley: Making visual regression useful
- Pavels Jelisejevs: Visual Regression Testing with PhantomCSS
- CSS Regression Testing with Wraith
- Visual Regression Testing with Shoov
- Visual Regression Testing with PhantomCSS
- Visual Regression Testing: Sanity Checks With BackstopJS
- Screenster Tutorial
- Look-alike - visual regression testing tool
- Screencast on CSS critic - a lightweight testing framework for CSS
See the Awesome Regression Testing Contribution Guide for details on how to contribute.
See the Code of Conduct for details. Basically it comes down to:
In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. License holders are all contributors.