Question

是否有任何工具可以测试网站的布局是否会产生视觉错误？我正在一个网站上工作，有时我们可以看到视觉错误。例如：

有一个列出对象的页面。列表分为页面。上次浏览几页后，我看到一个特定页面显示了一个视觉错误，在这种情况下，表格变得比正常情况更宽。在这种情况下，问题是其中一个td标签包含太多文本，这使得所有表格变得更宽。

也许这听起来像是一件疯狂的事情？但我的客户认为有一种方法可以设置这种测试，并根据他的说法Jenkins可以用于此目的。

Answer 1

有一种方法可以使用Galen Framework自动化Web应用程序的布局测试。该工具有自己的语言，非常容易学习和理解。它是一个基于Selenium的，你可以在Selenium Grid中运行测试，Sauce Labs如果你想在不同的浏览器中测试你的应用程序。

此工具获取页面上指定元素的位置，并相互检查它们。

示例：如果要检查菜单窗格是否在标题下方并且延伸到浏览器的宽度并且具有50像素高度，则可以这样做：

menu
    below: header 5px
    width: 100% of screen/width
    height: 50px

此工具还可用于测试响应式设计。

上找到完整的文档

最好的部分是你甚至可以创建JAVA测试。 Galen JavaScript API也可以与github中的示例项目一起使用。

同样，一次编写的测试可以在应用程序生命周期的多个阶段使用。