使用GEB自动化CSS回归测试

Question

我们有一套使用GEB的UI测试（功能）。但是，该代码是遗留的，没有遵循CSS组件化，并且CSS的一项更改可能会在不相关的领域产生未发现的副作用。是否可以将任何插件或工作流与GEB集成以提供自动化CSS回归测试？

在JS世界中，存在用于Java的BackStopJS。 GEB有什么类似的东西吗？

Answer 1

您只需为要验证的每个有意义的页面或页面状态拍摄屏幕截图，然后在测试运行之间进行比较。

在Geb中调用browser.report("some page")，它将转储屏幕截图。

这是使用现有设置来检测渲染页面中与CSS相关或其他方面的任何更改的最简单方法。

如果有许多页面的图像发生变化，从而给您带来误报，则可能需要使用占位符。

此外，您可以计算图像之间的差异和/或从比较中排除区域，而不是直接比较屏幕截图。