CucumberJS/Protractor每一步后截图对比答案

【问题标题】：CucumberJS/Protractor screenshot comparison after each stepCucumberJS/Protractor每一步后截图对比
【发布时间】：2020-12-29 17:22:29
【问题描述】：

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

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

【问题讨论】：

标签： protractor cucumberjs

【解决方案1】：

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

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

【讨论】：

其实我需要的不是jasmine matcher，而是一个Cucumber自定义格式化器来做这个。