自动布局测试

Question

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

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

也许这听起来像是一件疯狂的事情？但我的客户认为有一种方法可以设置这种测试，并且根据他的说法，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测试。 Galen JavaScript API也可以与github中的示例项目一起使用。

同样，一次写入的测试可用于应用程序生命周期的多个阶段。