User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Visual Regression Testing

๐Ÿ•ถ๏ธ A curated list of resources around the topic: visual regression testing

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Nov. 30, 2020, 3:08 a.m.

Thank you mojoaxel & contributors
View Topic on GitHub:
mojoaxel/awesome-regression-testing

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

General information

Browser automation

A browser automation framework and ecosystem.

19.19K
6.06K
1d
Apache-2.0

A scriptable browser like PhantomJS, based on Firefox

2.96K
290
7m
n/a

Headless automation for Internet Explorer

809
54
4y 4m
MIT

CasperJS is no longer actively maintained. Navigation scripting and testing utility for PhantomJS and SlimerJS

7.31K
1.05K
2y 80d
MIT

Next-gen browser and mobile automation test framework for Node.js

6.15K
1.83K
3d
MIT

A bullet-proof, fast, and reliable headless browser API

948
32
2y 4m
GPL-3.0

๐Ÿ–ฅ Chrome automation made simple. Runs locally or headless on AWS Lambda.

13.26K
604
2y 4m
MIT

Complete end-to-end testing framework for anything that runs in a browser and beyond.

Tools and frameworks

A performant visual regression testing tool

142
8
4m
BSD-3-Clause

Wraith โ€” A responsive screenshot comparison tool

4.71K
354
1y 5m
Apache-2.0

Catch CSS curve balls.

5.56K
504
5d
MIT

Layout and functional testing framework for websites

1.39K
167
1y 8m
Apache-2.0

Visual testing with magic

52
8
20d
MIT

Lightweight CSS regression testing

458
20
89d
n/a

A simple UI for browsing and inspecting diffs, and an API for runner scripts to submit screenshots to and receive a pass or fail in real time. (For use with Wraith, Backstop, Selenium etc)

426
68
6m
MIT

UI regression and functional testing on dev and live sites

31
3
4y 9m
n/a

Visual regression testing tool.

24
2
2y 116d
MIT

Selenium-driven, cucumber-powered CSS testing.

326
29
6y 35d
MIT

A Node.js tool to automate end-to-end web testing.

8.61K
575
3d
MIT

Automated tests for your CSS.

558
49
3y 7m
n/a

Automated visual testing

51
6
7y 4m
MIT

Grunt plugin for creating screenshots of any site and compare them

270
20
4y 7m
MIT
11
4
3y 7m
MIT

Visual diffing in CI for user interfaces

510
25
1y 4m
n/a

๐Ÿ“ท Visual regression test tool.

214
21
2d
MIT

A high-level browser automation library.

18.69K
1.13K
1y 7m
n/a

Headless Chrome Node.js API

67.02K
6.94K
4d
Apache-2.0

Node.js library to automate Chromium, Firefox and WebKit with a single API

18.05K
699
4d
Apache-2.0

Visual Regression Testing tool

588
44
5d
MIT

Tooling that helps you do quality, faster.

779
141
35d
MIT

Differencify is a library for visual regression testing

561
45
6m
MIT

Image analysis and comparison

3.74K
399
119d
MIT

Visual regression testing framework for Chrome

65
4
2y 6d
MIT

Test screens for visual differences to previous versions.

23
7
1y 74d
MIT

AET - a system that detects visual changes on web sites and performs basic page health checks

98
41
3d
n/a

A proper monster for front-end automated testing

118
20
7d
GPL-3.0

๐Ÿ‘ Visual Regression Testing for Storybook

1.02K
98
6d
MIT

Supercharged End 2 End Testing Framework for NodeJS

3.01K
510
90d
MIT

A functional test suite based on jQuery

576
393
1y 6m
MIT

End-to-end testing framework written in Node.js and using the Webdriver API

10.49K
1.04K
32d
MIT

E2E test framework for Angular apps

8.66K
2.38K
6m
MIT

Screenshot tests for your react components in chromium using puppeteer & jest

56
15
31d
MIT
13
1
115d
n/a

Visual regression tool for webdriver.io

3
3
37d
MIT

Concise UI Tests with Java!

1.2K
396
57d
MIT

Open source platform for generating and reviewing visual differences. Supports multiple browsers, integrations for github and slack.

CasperJS-based UI regression and functional testing focused on Drupal 8 sites.

Insanely fast, headless full-stack testing using Node.js.

Online services

Backend and Frontend application for tracking differences via image comparison

140
9
6d
Apache-2.0

browserstack](https://twitter.com/browserstack) | $29/mo - $199/mo | Live, web-based browser testing. |

Perform Automated and Live Interactive Cross Browser Testing on 2000+ Real Browsers and Operating Systems Online.

For React, looks open source.

Cloud base visual tests.

Continuous visual reviews for web apps.

Cloud based automation testing platform for web and mobile UI.

LIVE interactive cross-browser testing.

Manual & exploratory testing on 1500+ real browsers and mobile devices.

Automate visual regression testing.

Cloud based visual regression tool. Uses puppeteer and proprietary comparison algorithm (detect layout shifts). Great scalability with AWS Lambda.

Visual testing and UI review for component libraries. Cloud-based. Video

Flexible visual regression testing service.

Cloud-based screenshot testing service with support for multiple browsers.

Cloud-based visual testing platform with realtime results for testing tools.

Testing for the whole team. Up to 100 tests in parallel. Endpoint Mocking. Code Coverage.

Screenshot pixel and DOM change comparisons and regressions.

Cloud-based visual regression testing across stages.

Visual regression testing and test automation tool.

Blog posts

Tutorial to setup visual testing with Puppeteer, Jest and VisWiz.io.

Blog with practical guides and runnable examples on Playwright and Puppeteer.

Slideshows, talks and videos

Screencast: Basic introduction to wraith, a screenshot comparison tool.

How to setup shoov and get your first test written.

Talk by Jon Bellah on how to use PhantomCSS during wordpress development.

Tutorial on how to create visual automated tests with Screenster.

Demo what the Look-alike Chrome extension is, how it works and how and why it was build.

How to write your first CSS test with CSS critic, make it pass, break it, and make it pass again.

by Nikhil Verma - How the Mobile Web team in Badoo converted and integrated PhantomCSS into their workflow and connected it to their CI process.

Deprecated

Scriptable Headless Browser

28.01K
5.78K
4m
BSD-3-Clause

Visual/CSS regression testing with PhantomJS

4.77K
277
1y 12m
MIT

Describe and visualise user flows through tests with PhantomJS

691
67
2y 9m
MIT

[unmaintained] DalekJS Base framework

710
65
3y 6m
MIT

Make continuous deployment safe by comparing before and after webpage screenshots for each release. Depicted shows when any visual, perceptual differences are found. This is the ultimate, automated end-to-end test.

1.43K
121
4y 78d
Apache-2.0

VisualReview, a human-friendly tool for testing and reviewing visual regressions.

279
25
9m
Apache-2.0

A testing system for catching visual regressions in Web applications.

4.1K
306
5y 12m
Apache-2.0

Regression testing tool for WebdriverIO v4

623
108
3y 7m
MIT

๐Ÿ’€๐Ÿ’€๐Ÿ’€[DEPRECATED] Use hermione

1.5K
163
1y 6d
MIT

Quicker, more user friendly visual regression testing

7
3
3y 9m
n/a