角度2的代码覆盖率

Question

你如何找到角2代码的代码覆盖率？我可以使用vs代码编辑器或webstorm的插件吗？我正在使用Jasmine和Karma对我的代码进行单元测试.

Answer 1

如果您想查看整体测试覆盖率统计信息,而不是Angular CLI,您只需键入,然后查看命令提示符窗口的底部

ng test --cc // or --code-coverage

结果:

如果您想查看组件的各个测试覆盖率,请按照以下步骤操作.

1. npm install --save-dev karma-teamcity-reporter

2. 添加require('karma-teamcity-reporter')到karma.conf.js中的插件列表

3. ng test --code-coverage --reporters=teamcity,coverage-istanbul

请注意,记者名单是逗号分隔的,因为我们添加了一名新的记者,团队城市.

运行此命令后,您可以在目录coverage中看到该文件夹并打开index.html以获得测试覆盖率的图形视图.

您还可以设置要实现的覆盖率阈值karma.conf.js,如下所示.

coverageIstanbulReporter: {
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true,
      thresholds: {
        statements: 90,
        lines: 90,
        branches: 90,
        functions: 90
      }
    },

Answer 2

首先安装依赖项。

npm install karma karma-jasmine karma-chrome-launcher karma-jasmine-html-reporter karma-coverage-istanbul-reporter

然后运行ng test。

ng test --code-coverage

然后运行显示您的报告的服务器。

http-server -c-1 -o -p 9875 ./coverage

您应该会看到以下内容：

我在这里写了一篇博客文章。