https://github.com/rwieruch/visual-regression-testing-react-storybook

Visual Regression Testing in React with Storybook
https://github.com/rwieruch/visual-regression-testing-react-storybook

react react-storybook react-storybook-addons reactjs visual-regression-testing visual-regression-tests

Last synced: 6 months ago
JSON representation

Visual Regression Testing in React with Storybook

• Host: GitHub
• URL: https://github.com/rwieruch/visual-regression-testing-react-storybook
• Owner: rwieruch
• Created: 2018-05-17T06:04:21.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:15:08.000Z (over 5 years ago)
• Last Synced: 2024-10-05T11:16:12.938Z (about 1 year ago)
• Topics: react, react-storybook, react-storybook-addons, reactjs, visual-regression-testing, visual-regression-tests
• Language: JavaScript
• Homepage: https://www.robinwieruch.de/visual-regression-testing-react-storybook
• Size: 9.9 MB
• Stars: 27
• Watchers: 4
• Forks: 15
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• awesome-list - visual-regression-testing-react-storybook

README

          
# visual-regression-testing-react-storybook

[![Build Status](https://travis-ci.org/rwieruch/visual-regression-testing-react-storybook.svg?branch=master)](https://travis-ci.org/rwieruch/visual-regression-testing-react-storybook) [![Coverage Status](https://coveralls.io/repos/github/rwieruch/visual-regression-testing-react-storybook/badge.svg?branch=master)](https://coveralls.io/github/rwieruch/visual-regression-testing-react-storybook?branch=master) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/) [![Greenkeeper badge](https://badges.greenkeeper.io/rwieruch/visual-regression-testing-react-storybook.svg)](https://greenkeeper.io/)

A React application which implements visual regression tests by using Jest and React Storybook. Read more about it: [Visual Regression Testing and React Storybook](https://www.robinwieruch.de/visual-regression-testing-react-storybook/)

## Features

* React 16

* Webpack 4

* Babel

* Staging ES Next Features

* Hot Module Replacement

* Testing

  * Mocha

  * Chai

  * Enzyme

  * Sinon

  * Jest

  * Unit/Integratio Test (Chai, Enzyme) Watcher

  * Snapshot Test (Jest) Watcher

  * Travis CI

  * Coveralls.io

* Storybook 4

  * Knobs

  * Actions

  * Storyshots

  * Imageshots

  * Viewport

## Installation

* `git clone git@github.com:rwieruch/visual-regression-testing-react-storybook.git`

* cd visual-regression-testing-react-storybook

* npm install

* npm start

* visit `http://localhost:8080/`

## Running Storybook

* npm run storybook

## Running Visual Regression Tests

* npm run storybook

* npm run test:snapshot