karma-jasmine - 带有VSTS的angular-cli-如何以xml格式导出单元测试结果？

Question

我有一个用 angular-cli 开发的应用程序。作为构建过程的一部分，我们运行单元测试并在 VSTS 中显示结果。

如何以 xml 格式生成单元测试结果，以便我可以将其与 VSTS 集成？

提前致谢。

Answer 1

假设 integrate it with VSTS意味着使用发布测试结果任务将您的单元测试结果发布到 VSTS。您可以使用 karma-junit-reporter

karma-junit-reporter is a plugin for Karma that will allow us to get the test output in an XML format so that VSTS can present it for us nicely.

默认情况下，VSTS 能够以 JUnit 格式处理 JavaScript 单元测试。 Karma 有一个可以安装的 JUnit 报告器:

npm install karma-junit-reporter --save-dev

这可以添加到 Karma 配置文件中。现在您可以使用 --reporters=junit 运行测试标志和测试运行将生成一个名为 TESTS-browser_(platform).xml 的文件.

例如，在 Windows 10 上本地运行会创建 TESTS-Chrome_54.0.2840_(Windows_10_0.0.0).xml .如果您打开该文件，您将看到定义各种测试用例的 XML，它们运行的​​时间，甚至包含控制台输出的结构。

另外建议您使用 PhantomJS 一个所谓的 headless 浏览器为您的浏览器。 headless 浏览器是一种仅在后台运行的浏览器，您只能通过代码或终端与之交互。

最后使用 ng test命令执行测试并发布测试结果:



有关更多详细信息，您可以查看以下精彩博客:

Automated Angular Unit Testing on Visual Studio Team Services

Integrating Angular 2 Unit Tests with Visual Studio Team Services