无法查看angular-cli新项目的代码覆盖率

Question

我试图找出如何使用@ angular / 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依赖项。

<{1>}在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将运行测试，覆盖率仅为ONCE，因此--single-run
如果第一个成功，
• &&基本上执行第二个命令 无论平台如何，
• opn ./coverage/index.html都会打开文件。