在Azure DevOps测试结果中显示茉莉花屏幕截图

Question

我正在用e2e测试我的应用程序，用量角器和茉莉花进行测试。代码在Azure DevOps上，并自动构建和运行测试。Azure是如此伟大，当您的测试结果在JUnit，xUnit，.中时，您实际上可以用图形生成测试结果。格式。

我安装了量角器-茉莉-2屏幕截图记者，因为我想能够显示截图时，测试失败。在本地，在我的个人电脑上，它工作得很好。每次截图被生成并放置在正确的位置。它生成.png文件和一个.html文件。在html中有一个对.png文件的引用。

​

​

现在问题是:屏幕截图被捆绑在html中，但是azure不能将html形成测试结果。

我如何让茉莉花将其转换成Azure将读取的格式，或者如何在Azure中插入屏幕截图而不抱怨Azure无法阅读？我已经能够显示由生成.xml文件的茉莉花报告生成的测试结果，这不是一个问题。但是把截图/html放到Azure DevOps..。

即使我可以附加一个附加到测试屏幕截图，将已经很好。

两天来，我一直在互联网上到处寻找三种可能性：

1. 也许有一个插件会截图，并在某种程度上将其包含在xml中，Azure会阅读。不幸的是，我只能找到生成html的插件。
2. 我试图找到一种方法，可以让Azure接受某种类型的附件或接受html，但似乎不会。
3. 我寻找将html转换为xml的方法，但我似乎只找到了相反的方法。

一般性问题：

如何显示tfs测试结果的截图。例如，在附件中(如图所示)。

​

​

Answer 1

您可以使用茉莉花-trx-记者。安装npm包并将以下代码添加到量角器配置中。此外，不要忘记使用Azure DevOps中的发布测试结果任务发布trx文件。

const TrxReporter = require('jasmine-trx-reporter');

jasmine.getEnv().addReporter(new TrxReporter({
  folder: 'e2ereport/trx/',
  takeScreenshotsOnlyOnFailures: true,
}));