storybook-code-coverage
storybook-code-coverage copied to clipboard
Published
20 hours ago •
penx
penx
Combining Storybook, Cypress and Jest Code Coverage
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 [email protected]: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.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.
penx