visual-regression-testing-react-storybook

A React application which implements visual regression tests by using Jest and React Storybook. Read more about it: Visual Regression Testing and 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