cypress-code-coverage

A repo to help you with code coverage + cypress

About

the strategy is:

instrument your app code so that coverage is generated on window.__coverage__
after cypress spec runs, use cy.writeFile to save the report to .nyc_output
and generate the report with cy.exec('nyc report --reporter=html')

you should then be able the view the html coverage report in the coverage/ directory

Examples

example-for-stackoverflow

Example to show the fix for this specific stackoverflow question

create-react-app-ejected

cypress with code coverage set up on a newly-ejected create-react-app

uses:

@babel/preset-typescript
@cypress/webpack-preprocessor
@cypress/webpack-preprocessor
babel-plugin-istanbul

vanilla-typescript-webpack

code coverage on a vanilla typescript & webpack project

uses:

@babel/preset-typescript
@cypress/webpack-preprocessor
babel-loader
babel-plugin-istanbul

Future

example with ts-loader
example with bundlers besides webpack
more tests for edge cases in cypress tests

License

MIT