詳細的單個元件庫圖形測試覆蓋率報告

如果你想檢視元件的各個測試覆蓋率,請按照以下步驟操作。

  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
      }
    },