visual-regression-testing-jest-chromeless - Visual regression testing using Jest, Chromeless and AWS Lambda

  •        16

Visual regression testing using Jest, Chromeless and AWS Lambda.

https://github.com/novemberfiveco/visual-regression-testing-jest-chromeless

Dependencies:

styled-components : ^2.2.3
react-static : ^4.0.1

Tags
Implementation
License
Platform

   




Related Projects

jest-image-snapshot - Jest matcher for image comparisons

  •    Javascript

Jest matcher that performs image comparisons using pixelmatch and behaves just like Jest snapshots do! Very useful for visual regression testing. The failure threshold can be set in percent, in this case if the difference is over 1%.

loki - 👁 Visual Regression Testing for Storybook

  •    Javascript

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.

awesome-regression-testing - 🕶️ A curated list of resources around the topic: 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.

PhantomCSS - Visual/CSS regression testing with PhantomJS

  •    Javascript

Unmaintained notice: As of December 22nd 2017 this project will no longer be maintained. It's been a fantastic five years, a project that has hopefully had a positive influence on the shape and extent of Web UI testing. Read more on why its time to move on. CSS regression testing. A CasperJS module for automating visual regression testing with PhantomJS 2 or SlimerJS and Resemble.js. For testing Web apps, live style guides and responsive layouts. Read more on Huddle's Engineering blog: CSS Regression Testing.

PhantomCSS - Visual/CSS regression testing with PhantomJS

  •    Javascript

Unmaintained notice: As of December 22nd 2017 this project will no longer be maintained. It's been a fantastic five years, a project that has hopefully had a positive influence on the shape and extent of Web UI testing. Read more on why its time to move on. CSS regression testing. A CasperJS module for automating visual regression testing with PhantomJS 2 or SlimerJS and Resemble.js. For testing Web apps, live style guides and responsive layouts. Read more on Huddle's Engineering blog: CSS Regression Testing.


gemini - Utility for regression testing of web pages using screenshots

  •    Javascript

Gemini is a utility for regression testing the visual appearance of web pages. Gemini was created at Yandex and is especially useful to UI library developers.

jest-dom - :owl: Custom jest matchers to test the state of the DOM

  •    Javascript

You want to use jest to write tests that assert various things about the state of a DOM. As part of that goal, you want to avoid all the repetitive patterns that arise in doing so. Checking for an element's attributes, its text content, its css classes, you name it. The @testing-library/jest-dom library provides a set of custom jest matchers that you can use to extend jest. These will make your tests more declarative, clear to read and to maintain.

review - Visual regression testing tool for responsive websites

  •    Javascript

Updating large and possibly responsively designed sites can be a hassle. You never know whether your change breakes anything on the other end of your sitemap, or in a certain resolution, except if have a look at every individual page...in every resolution you care about.The idea of review is not to test everything (and visual testing is hard) but rather use the human mind's excellent ability to quickly scan information and filter out what you need, i.e. what is broken.

jest-puppeteer - Run your tests using Jest & Puppeteer 🎪✨

  •    Javascript

Gold Sponsors are those who have pledged $100/month and more to jest-puppeteer. Writing integration test can be done using Puppeteer API but it can be complicated and hard because API is not designed for testing.

snapguidist - Snapshot testing for React Styleguidist

  •    Javascript

Jest Snapshot Testing for React Styleguidist. In v4, snapshots have been renamed to .sg (as opposed to .snap) to avoid conflicts with Jest, and improve compatibility with create-react-app.

jest-styled-components - Jest utilities for Styled Components

  •    Javascript

A set of utilities for testing Styled Components with Jest. This package improves the snapshot testing experience and provides a brand new matcher to make expectations on the style rules. Jest snapshot testing is an excellent way to test React components (or any serializable value) and make sure things don't change unexpectedly. It works with Styled Components but there are a few problems that this package addresses and solves.

YamUI - Reusable component framework for Yammer.com

  •    TypeScript

This is the UI component framework for Yammer.com.It is built with React on top of Office UI Fabric components. Unit tests are run through Jest, isolated development environment and documentation is provided by Styleguidist, and visual diff regression is done with Puppeteer and pixelmatch. Visual diff tasks run within a Docker container to ensure consistency between local development environments and CI.

snapshot-diff - Diffing snapshot utility for Jest

  •    Javascript

Diffing snapshot utility for Jest. Takes two values, and return their difference as a string, ready to be snapshotted with toMatchSnapshot(). Especially helpful when testing the difference between different React component states.

Jest - Delightful JavaScript Testing.

  •    Javascript

Jest is a delightful JavaScript Testing Framework with a focus on simplicity. It works with projects using: Babel, TypeScript, Node, React, Angular, Vue and more. It provides instant feedback, fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly.

ts-jest - TypeScript preprocessor with sourcemap support for Jest

  •    TypeScript

ts-jest is a TypeScript preprocessor with source map support for Jest that lets you use Jest to test projects written in TypeScript. It supports all features of TypeScript including type-checking. Read more about Babel7 + preset-typescript vs TypeScript (and ts-jest).

BackstopJS - Catch CSS curve balls.

  •    Javascript

BackstopJS automates visual regression testing of your responsive web UI by comparing DOM screenshots over time. Developing, bug fixing, contributing...

react-testing-mocha-jsdom - Unit testing React Components with Mocha + jsdom

  •    Javascript

This is Part 2 of the series "Modular Isomorphic React JS applications". See Part 1 and Part 3 for more. Unit testing React is traditionally done using Jest which dictates the use of the Jasmine testing framework, and enforces mocking of all require calls. For such an unopinionated rendering engine, this is a very opinionated setup, resulting in issues such as overly-verbose unmocking of requires, and being tied into Jasmine's limited framework.

enzyme - JavaScript Testing utilities for React

  •    Javascript

Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.Enzyme's API is meant to be intuitive and flexible by mimicking jQuery's API for DOM manipulation and traversal.

majestic - ⚡ Zero config UI for Jest

  •    TypeScript

Majestic is an electron app that provides a UI for running tests with Jest. Jest CLI itself provides one of the best testing experiences available today. But Majestic humbly tries to expand upon it by providing a rich UI to be used during the dev/test loop.Ok, I lied partially about the zero config part.