Skip to content

Latest commit

 

History

History
30 lines (20 loc) · 1.31 KB

README.md

File metadata and controls

30 lines (20 loc) · 1.31 KB
Raw

Combining Storybook, Cypress and Jest Code Coverage

Please refer to this blog post for more detailed information.

This project shows how to collect code coverage from Storybook (e.g. when using Chromatic for Visual Regression tests) and how to create a combined code coverage report for 3 types of test:

You can view a report for each type of test, or view the coverage of all tests together.

To try out this project this locally:

git clone git@github.com:penx/storybook-code-coverage.git
cd storybook-code-coverage
yarn
yarn coverage
open coverage/merged/lcov-report/index.html

Combining coverage

You can also merge reports with codecov.

Known issues

  • cypress-specific nyc settings have to go in to generic files (e.g. package.json or .nycrc)
  • There's a bug with create-react-app@3.4.1 that prevents this from working, so for now you have to roll back to 3.4.0 facebook/create-react-app#8689.