自动布局测试

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

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

您可以在官方网站http://galenframework.com上找到完整的文档

最好的部分是你甚至可以创建JAVA测试。github中的示例项目也提供了github。

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