角度测试报告选项？

Question

我发现角控制台测试报告读起来很尴尬，它只是一堆几乎没有格式化的控制台文本。

是否有可能让角度单元测试报告使用html格式出现在浏览器中？前几天我注意到这个github回购- https://github.com/larrymyers/jasmine-reporters

• 是否可以使用该库中的html报告器进行角单元测试报告.，我可以在浏览器中显示角单元测试的结果吗？

我知道在用于角度测试的业力测试运行程序文件中有一个“记者”配置选项，它有以下选项--点、进度、junit、咆哮、报道

然而，无论我将它们设置为什么，它们似乎都什么也做不了，我也找不到任何关于它们的文档。

• ，那么karma.conf.js中记者选项的目的是什么？

Answer 1

我个人使用覆盖选项。但是，要使这一工作有效，您需要分别设置伊斯坦布尔( https://github.com/yahoo/istanbul )报道报告。这将给您HTML格式的状态，哪些文件和行在文件中正在测试，它将不会显示实际的测试编写。

我不认为任何记者实际上都会用HTML格式打印单个测试。尝试使用Webstorm，它以易于阅读的格式显示单个测试。

我试过npm的业力-html-报告模块，但它对我没用，所以也许他们已经更新了那个模块。

Answer 2

我从IntelliJ 13.x运行业力，并能够使用karma.conf.js中的config.set部分中的以下配置选项为测试输出获取一个干净的html格式：

    reporters: ['progress', 'junit', 'html']
    plugins : ['karma-htmlfile-reporter', ...] (karma-jasmine, etc...)
    htmlReporter: { outputFile: 'tests/units.html' }

在我的测试运行之后，我可以右键单击test/units.html并在浏览器中打开，查看结果的格式化版本，包括结果的颜色编码。当然，您需要安装任何插件或依赖项才能运行测试。

Answer 3

如果您一直在使用角-CLI开发您的项目，则只需运行

ng test --code-coverage

在karma.conf.js文件中使用以下(或类似的)配置

coverageIstanbulReporter: {
  reports: ['html', 'lcovonly'],
  fixWebpackSourcePaths: true,
  thresholds: {
    global: { // thresholds for all files
      statements: 0,
      lines: 0,
      branches: 0,
      functions: 0
    },
    each: { // thresholds per file
      statements: 0,
      lines: 0,
      branches: 0,
      functions: 0
    }
  }
},

老实说，如果不是，Karma伊斯坦布尔覆盖工具是优秀的和相对简单的安装。