找出你要測試多少代碼

CLI 可以運(yùn)行單元測試并創(chuàng)建代碼覆蓋率報告。代碼覆蓋率報告會向你展示代碼庫中可能無法通過單元測試進(jìn)行正確測試的任意部位。

如果你要試驗本指南中所講的應(yīng)用，請在瀏覽器中運(yùn)行它或下載并在本地運(yùn)行它。

要生成覆蓋率報告，請在項目的根目錄下運(yùn)行以下命令。

ng test --no-watch --code-coverage

測試完成后，該命令會在項目中創(chuàng)建一個 ?/coverage? 目錄。打開 ?index.html? 文件，可以查看帶有源代碼和代碼覆蓋率值的報表。

如果要在每次測試時都創(chuàng)建代碼覆蓋率報告，可以在 CLI 配置文件 ?angular.json? 中設(shè)置以下選項：

"test": {
  "options": {
    "codeCoverage": true
  }
}

代碼覆蓋的實施

代碼覆蓋率可以讓你估算出你的代碼測試了多少。如果你的團(tuán)隊確定要設(shè)置單元測試的最小覆蓋率，可以使用 Angular CLI 來強(qiáng)制實施這個最低要求。

比如，假設(shè)你希望代碼庫的代碼覆蓋率至少達(dá)到 80％。要啟用此功能，請打開 Karma 測試平臺的配置文件 ?karma.conf.js?，并在 ?coverageReporter:? 鍵下添加 ?check ?屬性。

coverageReporter: {
  dir: require('path').join(__dirname, './coverage/<project-name>'),
  subdir: '.',
  reporters: [
    { type: 'html' },
    { type: 'text-summary' }
  ],
  check: {
    global: {
      statements: 80,
      branches: 80,
      functions: 80,
      lines: 80
    }
  }
}

?check ?屬性會讓該工具在項目中運(yùn)行單元測試時強(qiáng)制要求至少 80％的代碼覆蓋率。

可以在此處找到關(guān)于其它覆蓋率配置項的更多信息。