获取 Karma Coverage 以使用 Grunt 打开报告答案

【问题标题】：Get Karma Coverage to Open the report with Grunt获取 Karma Coverage 以使用 Grunt 打开报告
【发布时间】：2014-01-04 00:39:23
【问题描述】：

Karma Coverage 似乎会在名称如下的子文件夹中生成 Coverage：PhantomJS 1.9.2 (Mac OS X)，无论如何要告诉它在与 Grunt 结合使用时打开该子文件夹？

目前必须去目录复制目录名称并将其粘贴到打开的localhost:5555 之后才能加载。

这可能没什么大不了，但我正在尝试减少复制和粘贴的步骤。

附：我已经在命令行中使用文本类型直接输出以便于访问，但我希望它在需要时打开 HTML 覆盖率报告。

connect: {
  coverage: {
    options: {
      open: true,
      base: 'coverage/<<NEED TO GET THE DYNAMIC F>>',
      port: 5555,
      keepalive: true
    }
  }
}

unit_coverage: {
  configFile: 'karma.conf.js',
  autoWatch: false,
  singleRun: true,
  reporters: ['progress', 'coverage'],
  preprocessors: {
    'app/scripts/{,*/}*.js': ['coverage']
  },
  coverageReporter: {
    reporters: [
      {type : 'text'},
      {type: 'html', dir: '/coverage'}
    ]
  }
},

grunt.registerTask('coverage', [
  'karma:html_coverage',
  'connect:coverage'
]);

【问题讨论】：

标签： unit-testing angularjs gruntjs karma-runner

【解决方案1】：

我希望能够打开 Chrome 的最新版本的业力覆盖率报告（我测试了两个浏览器，但遇到了 Emma Gou 提到的错误）。这是一个快速而肮脏的解决方案，它依赖于 grunt 文件扩展返回匹配文件的排序数组。可以添加显式排序。

open: {
  server: {
    path: 'http://localhost:<%= connect.options.port %>'
  },
  coverage: {
    path: function () {
      var reports = grunt.file.expand('coverage/Chrome*/index.html');
      return reports[reports.length - 1].toString();
    }
  }
},

【讨论】：

【解决方案2】：

根据 karma-runner 文档，您可以为 coverageReporter 指定 dir，它将用于存储生成的报告。

【讨论】：

@carlodurso coverageReporter = { type : 'html', dir : 'coverage/' } type 可能的值：html（默认） lcov（lcov 和 html） lcovonly text text-summary cobertura（支持xml格式by Jenkins）如果您将类型设置为文本或文本摘要，您可以设置文件选项，如下所示。 coverageReporter = { type : 'text', dir : 'coverage/', file : 'coverage.txt' } 如果没有给出文件名，它会将输出写入控制台。 dir 类型：覆盖报告的字符串输出。当您设置相对路径时，会根据 basePath 解析目录。