webpack
Istanbul plugin forInstrument JS files with Istanbul for subsequent code coverage reporting.
This is a full plugin which will also act as a instrument loader, and also make sure that all files will be included in the report.
Install
$ npm i -D webpack-istanbul-plugin
Setup
References
Project structure
Let's say you have the following:
├── src/
│ └── components/
│ ├── bar/
│ │ └── index.js
│ └── foo/
│ └── index.js
└── test/
└── src/
└── components/
└── foo/
└── index.js
To create a code coverage report for all components (even for those for which you have no tests yet) you have to process all files. then, run the tests.
this is very similar to "Project structure", but we don't actually require everything, just load it and then require just the tests.
test/index.js
const codeContext = require;codeContext;
This file will be the only entry point for Webpack:
webpack.config.test.js
… moduleexports = … module: preLoaders: // instrument only testing sources with Istanbul test: /\.js$/ include: path loader: 'istanbul-instrumenter' plugins: test: /\.js$/ include: path exclude: path path /\.spec\.js$/ …
Example Usage
I'm using this with both mocha-webpack and mocha-istanbul-spec here is an example repository