awesome-regression-testing
🕶️ A curated list of resources around the topic: visual regression testing
https://github.com/eric-erki/awesome-regression-testing
Last synced: about 12 hours ago
JSON representation
-
Browser automation
- Selenium - Browser automation framework and ecosystem.
- SlimerJS - Scriptable browser like PhantomJS, based on Firefox.
- trifleJS - Headless automation for Internet Explorer.
- CasperJS - Navigation scripting and testing utility for PhantomJS and SlimerJS.
- Navalia - Browser Automation based on headless Chrome and GraphQL.
- Cypress.io - An automation framework that runs in-browser.
- Chromeless - Chrome automation made simple. Runs locally or headless on AWS Lambda.
- Webdriver.io - Node.js bindings implementation for the W3C WebDriver protocol.
-
Tools and frameworks
- AyeSpy - 44 image comparisons in 90 seconds.
- BackstopJS - Config-driven automated screenshot test framework.
- Galen - Java framework based on [Selenium](https://github.com/SeleniumHQ/selenium).
- Gemini - Feature rich framework with support for [Selenium](https://github.com/SeleniumHQ/selenium) and [CasperJS](https://github.com/casperjs/casperjs).
- Huxley - Python framework based on [Selenium Webdriver](https://github.com/SeleniumHQ/selenium/tree/master/javascript/node/selenium-webdriver).
- PhantomFlow - 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](https://github.com/ariya/phantomjs).
- Look-alike - Chrome Extension for taking and comparing screenshots.
- Hardy - Selenium-driven, cucumber-powered CSS testing.
- TestCafe - Automated browser testing for the modern web development stack.
- Needle - Needle is a tool for testing visuals with Selenium and nose (Python).
- 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.
- vrtest - 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 report.
- Visual Review - A human-friendly tool for testing and reviewing visual regressions.
- reg-suit - Visual regression testing suite which compares images, stores snapshots, and notifies the difference to your GitHub repo.
- Chimp - Develop acceptance tests & end-to-end tests with realtime feedback.
- Differencify - A library for visual regression testing using [Puppeteer](https://github.com/GoogleChrome/puppeteer).
- Muppeteer - Visual regression testing framework for Chrome using [Mocha](https://mochajs.org/) and [Puppeteer](https://github.com/GoogleChrome/puppeteer).
- ember-visual-test - Simple visual regression testing for [Ember](https://emberjs.com/).
- Wendigo - Test-oriented browser automation library based on Puppeteer.
- FuncUnit - A functional test suite based on jQuery
- Nightwatch - Automated testing and continuous integration framework based on Node.js and using the Webdriver protocol.
- Protractor - E2E test framework for Angular apps.
- jest-puppeteer-react - Visual regression testing with Jest and puppeteer for React components
- test-crawler - Visual regression testing, by crawling a website and providing snapshot comparison reports.
- basset - Open source platform for generating and reviewing visual differences. Supports multiple browsers, integrations for github and slack.
- qd_screenshottests - CasperJS-based UI regression and functional testing focused on Drupal 8 sites.
- Loki - Visual regression testing for Storybook using Chrome in docker et al.
- Zombie.js - Insanely fast, headless full-stack testing using Node.js.
- Nightmare - High-level browser automation library based on Electron.
- Wraith - Easy to use ruby tool with docker support.
- PhantomFlow - Experimental approach to UI testing, based on Decision Trees.
- WebdriverCSS - WebdriverCSS sits on top of [Webdriver.io](https://github.com/webdriverio/webdriverio/) and hooks into [Selenium](https://github.com/SeleniumHQ/selenium).
- reg-cli - Visual regression test tool which output easy-to-read single file html report.
- ResembleJS - Analyse and compare images with Javascript and HTML5.
- AET - Scalable testing tool providing visual regression testing, accessibility and performance validation, markup analysis and more.
- Puppeteer - Headless Google Chrome Node API.
-
Online services
- MogoTest - Website Browser Testing Tool For SEO Experts.
- LambdaTest - Perform Automated and Live Interactive Cross Browser Testing on 2000+ Real Browsers and Operating Systems Online.
- MogoTest - Website Browser Testing Tool For SEO Experts.
- CrossBrowserTesting - Manual & exploratory testing on 1500+ real browsers and mobile devices.
- Happo - Cloud-based screenshot testing service with support for multiple browsers.
- Visual Knight - Cloud-based visual testing platform with realtime results for testing tools.
- Axcept - Testing for the whole team. Up to 100 tests in parallel. Endpoint Mocking. Code Coverage.
- Vidiff - Cloud-based visual regression testing across stages.
- Browser Shots - Screenshots only.
-
Deprecated
- PhantomJS - Scriptable Headless WebKit. No longer maintained since 2 June 2018.
- PhantomCSS - Visual/CSS regression testing with PhantomJS or SlimerJS. No longer maintained since 22 Dec 2017.
- DalekJS - Automated cross browser testing with JavaScript. No longer maintained since 4 Jun 2017.
- dpxdt - End-to-end testing with Python.
-
Blog posts
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- 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 - Why you should use BackstopJS.
- Chromeless, Chrominator, Chromy, Navalia, Lambdium, GhostJS, AutoGCD - Headless Chrome is shaking up traditional approaches to test automation.
- Visual regression testing using Jest, Chromeless and AWS Lambda - Tutorial using Chromeless and jest-image-snapshot.
- Make visual regression testing easier - Introduction to [Differencify](https://github.com/NimaSoroush/differencify) and how to use it.
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
- Keeping a React Design System consistent: using visual regression testing to save time and headaches - Using percy, and jest puppeteer to visually test a React component library.
- Visual Regression Test with WebdriverIO & WebdriverCSS - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
-
Foreword
-
General information
- Wikipedia: Regression testing
- Survey of screenshot-based CSS testing tools
- visualregressiontesting.com - Basic collection of links.
-
Slideshows, talks and videos
- Visual Regression Testing - from a tool to a process - How the Mobile Web team in Badoo converted and integrated PhantomCSS into their workflow and connected it to their CI process.
- CSS Regression Testing with Wraith - Screencast: Basic introduction to wraith, a screenshot comparison tool.
- Visual Regression Testing with Shoov - How to setup shoov and get your first test written.
- Visual Regression Testing with PhantomCSS - Talk by Jon Bellah on how to use PhantomCSS during wordpress development.
- Visual Regression Testing: Sanity Checks With BackstopJS - Screencast with code demo and best practices.
- Screenster Tutorial - Tutorial on how to create visual automated tests with Screenster.
- Look-alike - visual regression testing tool - Demo what the Look-alike Chrome extension is, how it works and how and why it was build.
- Screencast on CSS critic - a lightweight testing framework for CSS - How to write your first CSS test with CSS critic, make it pass, break it, and make it pass again.
-
Miscellaneous
Programming Languages
Categories
Sub Categories
Keywords
javascript
10
testing
9
selenium
7
headless-chrome
5
headless
5
browser
5
automation
5
chrome
4
visual-regression
4
phantomjs
4
web
3
nodejs
3
visual-testing
3
typescript
3
webdriver
3
testing-tools
3
selenium-webdriver
2
css
2
puppeteer
2
layout-testing
2
chromium
2
node
2
end-to-end-testing
2
visual-regression-testing
2
java
2
python
2
visual-tests
2
firefox
2
slimerjs
2
regression-testing
2
reg-suit
2
graphql
2
test
2
test-framework
1
testcafe
1
test-automation
1
visual-recognition
1
diff-image
1
diff
1
screenshot
1
dotnet
1
ruby
1
casperjs
1
internet-explorer
1
headless-browsers
1
headless-testing
1
continuous-delivery
1
continuous-deployment
1
regression
1
backstopjs
1