问题描述
我将 CucumberJS 与 Protractor 集成在一起，为 Angular（不是 AngularJS）应用程序编写 E2E 测试。 是否有任何简单的方法（可能是已经存在的包）在每个步骤（给定、何时、然后）之后截取屏幕截图并将它们与一些参考图像进行比较？如果参考图像不存在，则将屏幕截图注册为参考图像。 如果图像差异太大，该步骤将失败。
在问这个问题之前，我阅读了CucumberJS: Take screenshot after each step，但那个问题是关于截屏，而不是比较。
解决方法
不幸的是，声称这样做的 npm 模块似乎已被放弃（例如 https://www.npmjs.com/package/protractor-image-comparison/v/1.7.0）
https://github.com/SAP/ui5-uiveri5 有一个类似的图像比较，可以作为一个例子（参见 docs/usage/visual testing）。基本上你需要一个自定义的茉莉花匹配器和一个图像比较模块，比如likejs