详细的单个组件库图形测试覆盖率报告

如果你想查看组件的各个测试覆盖率,请按照以下步骤操作。

  1. npm install --save-dev karma-teamcity-reporter

  2. Add `require('karma-teamcity-reporter')` to list of plugins in karma.conf.js
    
  3. ng test --code-coverage --reporters=teamcity,coverage-istanbul

请注意,记者名单是逗号分隔的,因为我们添加了一名新的记者,团队城市。

运行此命令后,你可以在目录中看到 coverage 文件夹并打开 index.html 以获得测试覆盖率的图形视图。

StackOverflow 文档

你还可以在 karma.conf.js 中设置要实现的覆盖率阈值,如下所示。

coverageIstanbulReporter: {
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true,
      thresholds: {
        statements: 90,
        lines: 90,
        branches: 90,
        functions: 90
      }
    },