Angular 2 angular-cli test coverage Detailed individual component base graphical test coverage reporting
Example
if you want to see component's individual coverage of tests follow these steps.
-
npm install --save-dev karma-teamcity-reporter -
Add `require('karma-teamcity-reporter')` to list of plugins in karma.conf.js -
ng test --code-coverage --reporters=teamcity,coverage-istanbul
note that list of reporters is comma-separated, as we have added a new reporter, teamcity.
after running this command you can see the folder coverage in your dir and open index.html for a graphical view of test coverage.
You can also set the coverage threshold that you want to achieve, in karma.conf.js, like this.
coverageIstanbulReporter: {
reports: ['html', 'lcovonly'],
fixWebpackSourcePaths: true,
thresholds: {
statements: 90,
lines: 90,
branches: 90,
functions: 90
}
},
