Open Source JavaScript Visual Regression Testing Tools

Visual regression testing for web apps. Supports screen rendering with Chrome-headless. Add your own interactions with the Playwright and Puppeteer scripting. BackstopJS automates visual regression testing of your responsive web UI by comparing DOM screenshots over time.

Differencify is a library for visual regression testing via comparing your local changes with reference screenshots of your website. It is built on top of chrome headless using Puppeteer.

There are a few visual regression tools for the web, but most either cannot be run headless or use phantomjs which is deprecated and a browser nobody is actually using. They usually also require you to maintain fixtures. With react-native it's now possible to target multiple platforms with a single code base, but there's no single tool to test all to my knowledge. Loki aims to have easy setup, no to low maintenance cost, reproducible tests independent of which OS they are run on, runnable on CI, and support all platforms storybook does.

A visual regression testing library/tool, aims to quickly automate browser-based tests with minimum development overhead. To test flexibly in different testing scenarios, either testing against web UI wired with backends or just static web pages, VBot exposes API to be used with testing frameworks like mocha or ava, etc. Therefore, the test data variables can be updated according to different conditions, in order to decouple from real backends and avoid false negative results.