Skip to content

rwieruch/visual-regression-testing-react-storybook

Repository files navigation

visual-regression-testing-react-storybook

Build Status Coverage Status Slack Greenkeeper badge

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 [email protected]: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