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 [email protected]:penx/storybook-code-coverage.git
cd storybook-code-coverage
yarn
yarn coverage
open coverage/merged/lcov-report/index.htmlYou can also merge reports with codecov.
- cypress-specific nyc settings have to go in to generic files (e.g.
package.jsonor.nycrc) - There's a bug with [email protected] that prevents this from working, so for now you have to roll back to 3.4.0 facebook/create-react-app#8689.