Angular CLI 运行测试报告和代码覆盖率报告

Question

是否可以在 Angular CLI 中同时开始使用 Karma 和 return 代码覆盖率进行测试？

说明

运行 ng test 启动 Chrome 和运行测试，所以我可以在 Chrome.

上看到结果

运行 ng test -cc 启动 Chrome、运行测试而不显示测试结果并在 coverage目录。

是否可以两者兼得？因此，我可以受益于 "live" 测试编码经验并生成代码报告以及 Chrome 中显示的测试结果。

当前`karma.conf.js`

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular/cli', 'intl-shim'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-phantomjs-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-mocha-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular/cli/plugins/karma'),
      require('karma-intl-shim')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    files: [
      { pattern: './src/test.ts', watched: false },
      { pattern: './node_modules/intl/locale-data/jsonp/en-US.js', watched: false }
    ],
    preprocessors: {
      './src/test.ts': ['@angular/cli']
    },
    mime: {
      'text/x-typescript': ['ts','tsx']
    },
    coverageIstanbulReporter: {
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      environment: 'dev'
    },
    reporters: config.angularCli && config.angularCli.codeCoverage
              ? ['progress', 'coverage-istanbul']
              : ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

Answer 1

我认为你只需要在运行报道时使用 html 记者：

 reporters: config.angularCli && config.angularCli.codeCoverage
          ? ['progress', 'kjhtml', 'coverage-istanbul']
          : ['progress', 'kjhtml'],

您基本上可以根据 -cc 标志使用不同的记者。

请注意，'progress' 报告器是基于控制台的运行报告。

Angular CLI 运行测试报告和代码覆盖率报告

Angular CLI run both test report and code coverage report

karma-runner

angular

说明

当前`karma.conf.js`

Angular CLI 运行 测试报告和代码覆盖率报告

Angular CLI run both test report and code coverage report

karma-runner

angular

说明

当前karma.conf.js

Angular CLI 运行测试报告和代码覆盖率报告

当前`karma.conf.js`