使用GEB自动化CSS回归测试

Question

我们有一套使用GEB的UI测试（功能）。然而，代码是遗留的，不遵循CSS组件化，并且CSS中的一个更改可能在不相关的区域中具有未检测到的副作用。是否有可与GEB集成的插件或工作流程以提供自动CSS回归测试？

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

Answer 1

您可以简单地截取您要验证的每个有意义的页面或页面状态的屏幕截图，并比较测试运行之间的那些。

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

这将是使用您已有的设置在呈现的页面中检测任何更改（CSS相关或其他）的最简单方法。

如果有许多页面有不断变化的图像给你误报，你可能想要使用占位符。

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