selenium、Java或cypress中使用e2e实现角/SPA应用程序的代码覆盖

Question

我们要测量角8应用程式码的覆盖率。我们有一个用selenium java编写的e2e测试用例，它加载角度应用程序，部署在浏览器中的另一台机器上，并运行一些e2e测试用例。问题是，我如何衡量角应用javascript代码覆盖率。

在高层次上，我可以想到一些机制，使用伊斯坦布尔来测试我的角javascript代码。伊斯坦布尔将记录代码覆盖率，而selenium java代码将通过在浏览器中加载应用程序来执行e2e测试用例。

寻找细节，步骤，我如何可以做同样的。

Answer 1

经过很长时间的努力，我才能把这件事解决掉。下面是我获得代码覆盖率报告所遵循的步骤。

1. 运行角命令行接口prod。这将创建dist文件夹。例如//dis/

1. 工具-- dist文件夹中的JS文件，使用当前的伊斯坦布尔nyc命令，我们正在执行就地检测，因此提供了就地选项。

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

1. 从文件夹dist运行本地http服务器。打开web应用程序，手动浏览它.

1. 上述仪器化代码将添加window.__coverage__变量。浏览上述应用程序时，覆盖率信息将添加到window.__coverage__.

中。

1. 将存储在window.__coverage__中的覆盖率信息存储到一个名为coverage.json的json文件中。可能是任何名字。

1. 将json文件存储在角代码库中。在文件夹.nyc_output下。您需要使用.nyc_output.

创建这个隐藏文件夹。

1. 运行覆盖率报告命令。

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

上面的命令将生成html报告.

1. .