如何从 Angular 中的手动测试中获取代码覆盖率报告

Question

在浏览了很多文章和博客之后，我无法找到一种方法来获取用于手动/e2e 测试的代码覆盖率报告。

我已经使用

ng build --output-hashing none --output-path=../mysomeotherfolder/dist

创建了一个正常的构建

现在在 ./mysomeotherfolder 文件夹中，我正在使用此命令来检测代码

nyc instrument dist/ dist/ --exclude-after-remap=false --complete-copy --in-place

运行应用程序后，我从 window.__coverage 获取 JSON。我正在使用这个命令从这个 json 创建报告

nyc report --reporter=lcov --report-dir=coverage-output

我正在获取带有

webpack:/

词附加的组件名称列表。

示例：webpack:/src/app/my-component-name

但是当我尝试将其导航到它时，它只是刷新页面。 （不导航）

我还尝试通过从文件资源管理器导航并在浏览器上运行，在

coverage-output/lcov-report/webpack:

中复制我的组件的 HTML 文件路径。 我也收到这样的错误

Unable to lookup source: /var/www/mysomeotherfolder/dist/webpack:/src/somefolder/any-component.ts

这之后我现在应该做什么？有人可以提出建议吗？