protractor - CucumberJS/Protractor每一步后截图对比

Question

我将 CucumberJS 与 Protractor 集成为Angular（不是 AngularJS）应用程序编写 E2E 测试。是否有任何简单的方法（可能是已经存在的包）在每个步骤（给定，何时，然后）之后截取屏幕截图并将它们与一些参考图像进行比较？如果不存在参考图像，则将屏幕截图注册为参考图像。如果图像差异太大，该步骤应该会失败。

在问这个问题之前，我阅读了CucumberJS: Take screenshot after each step，但这个问题是关于截图，而不是比较。

标签： protractorcucumberjs

Answer 1

不幸的是，声称这样做的 npm 模块似乎被遗弃了（例如https://www.npmjs.com/package/protractor-image-comparison/v/1.7.0）

https://github.com/SAP/ui5-uiveri5有一个类似的图像比较，可以作为一个例子（参见 docs/usage/visual testing）。基本上你需要一个自定义的茉莉花匹配器和一个图像比较模块，比如likejs