无法查看角cli新项目的代码覆盖率。

Question

我正在努力弄清楚如何让代码覆盖使用@ar角/cli，但到目前为止，我还没有多少运气。

我开始了一个使用角CLI的新项目。基本上，我所做的就是ng new test-coverage，一旦所有的东西都安装到我的新项目文件夹中，我就做了一个ng test --code-coverage。测试已成功运行，但浏览器中没有显示与代码覆盖类似的内容。

我是不是遗漏了一些依赖关系或其他东西？任何帮助都将不胜感激。

编辑： R. Richards和Rachid Oussanaa是正确的，文件是生成的，我可以通过打开index.html来访问它。

现在，我想知道有什么方法可以将其集成到节点命令中，以便在测试运行后立即打开文件吗？

Answer 1

以下是你能做的：

安装opn-cli，它是流行的opn包的cli，这是一个跨平台工具，用于在默认应用程序中打开文件。

将npm install -D opn-cli -D安装为dev依赖项。

在package.json中，在scripts下添加脚本，如下所示

"scripts": {
    ...
    "test-coverage": "ng test --code-coverage --single-run && opn ./coverage/index.html"
}

现在运行npm run test-coverage，这将运行我们定义的脚本。以下是对该脚本的解释：

• ng test --code-coverage --single-run只运行一次覆盖范围的测试，因此--single-run
• 如果第一个命令成功，&&基本上会执行第二个命令
• 无论平台如何，opn ./coverage/index.html都会打开文件。