Karma，Angular and Husky的代碼覆蓋實施

Question

目前我正在嘗試通過使用內的thresholds對象的angular-cli選項來建立代碼覆蓋實施。我正在使用git鉤子來運行ng test --single-run --code-coverage。不幸的是，threshold值80不被尊重。

我指的是：Code Coverage Enforcement

這是我karma.conf.js

module.exports = function (config) { 
    config.set({ 
    basePath: '', 
    frameworks: ['jasmine', '@angular/cli'], 
    plugins: [ 
     require('karma-jasmine'), 
     require('karma-chrome-launcher'), 
     require('karma-firefox-launcher'), 
     require('karma-jasmine-html-reporter'), 
     require('karma-coverage-istanbul-reporter'), 
     require('karma-spec-reporter'), 
     require('@angular/cli/plugins/karma') 
    ], 
    client:{ 
     clearContext: false // leave Jasmine Spec Runner output visible in browser 
    }, 
    files: [ 
     { pattern: './src/test.ts', watched: false } 
    ], 
    preprocessors: { 
     './src/test.ts': ['@angular/cli'] 
    }, 
    mime: { 
     'text/x-typescript': ['ts', 'tsx'] 
    }, 
    coverageIstanbulReporter: { 
     reports: ['html', 'lcovonly', 'text-summary'], 
     fixWebpackSourcePaths: true, 
     thresholds: { 
     statements: 80, 
     lines: 80, 
     branches: 80, 
     functions: 80 
     } 
    }, 
    angularCli: { 
     environment: 'dev' 
    }, 
    reporters: config.angularCli && config.angularCli.codeCoverage 
     ? ['spec', 'coverage-istanbul'] 
     : ['spec', 'kjhtml'], 
    port: 9876, 
    colors: true, 
    logLevel: config.LOG_INFO, 
    autoWatch: true, 
    browsers: ['Chrome'], 
    singleRun: false 
    }); 
}; 

=========最終解決=========
的最終package.json

{ 
    "name": "ng-fun", 
    "version": "0.0.1", 
    "license": "", 
    "scripts": { 
    "precommit": "ng lint", 
    "prepush": "ng test --code-coverage --single-run", 
    "clean": "rimraf node_modules dist coverage", 
    "clean:dist": "rimraf dist", 
    "clean:install": "npm run clean && npm install", 
    "ng": "ng", 
    "start": "ng serve", 
    "build:dev": "ng build", 
    "build:prod": "ng build -prod", 
    "test": "ng test", 
    "test:coverage": "ng test --code-coverage", 
    "test:sr:coverage": "ng test --single-run --code-coverage", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/animations": "4.0.3", 
    "@angular/common": "4.0.3", 
    "@angular/compiler": "4.0.3", 
    "@angular/core": "4.0.3", 
    "@angular/forms": "4.0.3", 
    "@angular/http": "4.0.3", 
    "@angular/platform-browser": "4.0.3", 
    "@angular/platform-browser-dynamic": "4.0.3", 
    "@angular/router": "4.0.3", 
    "@ngrx/core": "1.2.0", 
    "@ngrx/router-store": "1.2.6", 
    "@ngrx/store": "2.2.2", 
    "@ngrx/store-devtools": "3.2.4", 
    "core-js": "2.4.1", 
    "immutable": "3.8.1", 
    "reset-css": "2.2.0", 
    "rxjs": "5.3.0", 
    "web-animations-js": "2.2.5", 
    "zone.js": "0.8.4" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.1", 
    "@angular/compiler-cli": "4.0.3", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "6.0.60", 
    "codelyzer": "2.0.0", 
    "husky": "0.13.3", 
    "jasmine-core": "2.5.2", 
    "jasmine-spec-reporter": "3.2.0", 
    "karma": "1.4.1", 
    "karma-chrome-launcher": "2.0.0", 
    "karma-cli": "1.0.1", 
    "karma-coverage-istanbul-reporter": "1.2.0", 
    "karma-firefox-launcher": "1.0.1", 
    "karma-jasmine": "1.1.0", 
    "karma-jasmine-html-reporter": "0.2.2", 
    "karma-spec-reporter": "0.0.31", 
    "protractor": "5.1.0", 
    "rimraf": "2.6.1", 
    "ts-node": "2.0.0", 
    "tslint": "4.5.0", 
    "typescript": "2.2.2" 
    } 
} 

最後karma.conf.js

module.exports = function (config) { 
    config.set({ 
    basePath: '', 
    frameworks: ['jasmine', '@angular/cli'], 
    plugins: [ 
     require('karma-jasmine'), 
     require('karma-chrome-launcher'), 
     require('karma-firefox-launcher'), 
     require('karma-jasmine-html-reporter'), 
     require('karma-coverage-istanbul-reporter'), 
     require('karma-spec-reporter'), 
     require('@angular/cli/plugins/karma') 
    ], 
    client:{ 
     clearContext: false // leave Jasmine Spec Runner output visible in browser 
    }, 
    files: [ 
     { pattern: './src/test.ts', watched: false } 
    ], 
    preprocessors: { 
     './src/test.ts': ['@angular/cli'] 
    }, 
    mime: { 
     'text/x-typescript': ['ts', 'tsx'] 
    }, 
    coverageIstanbulReporter: { 
     reports: ['html', 'text-summary', 'json-summary'], 
     fixWebpackSourcePaths: true, 
     thresholds: { 
     global: { // thresholds for all files 
      statements: 60, 
      lines: 60, 
      branches: 60, 
      functions: 60 
     }, 
     each: { // thresholds per file 
      statements: 60, 
      lines: 60, 
      branches: 60, 
      functions: 60 
     } 
     } 
    }, 
    angularCli: { 
     environment: 'dev' 
    }, 
    reporters: config.angularCli && config.angularCli.codeCoverage 
     ? ['progress', 'spec', 'coverage-istanbul'] 
     : ['progress', 'spec', 'kjhtml'], 
    port: 9876, 
    colors: true, 
    logLevel: config.LOG_INFO, 
    autoWatch: true, 
    browsers: ['Chrome', 'Firefox'], 
    singleRun: false 
    }); 
}; 

Answer 1

根據此：https://github.com/mattlewis92/karma-coverage-istanbul-reporter/blob/master/CHANGELOG.md。閾值是在0.3.0版本中引入的，我相信angular-cli v1.0.0爲您的package.json添加了0.2.0版本

所以： 1.確保您有0.3.0或更高版本的karma-coverage-istanbul-reporter你的package.json 2.使用threshold不是thresholds

此外，請注意，如果您更新到版本> 1.2.0。 threshold更新爲兩個對象global和each如下所述：https://github.com/mattlewis92/karma-coverage-istanbul-reporter/blob/master/README.md