浏览器中的渲染自动化测试

Question

Selenium或其他自动化工具可以检查网页上元素的正确定位吗？

例如，当您查看IE 6中的OnStartups.com时，应该位于菜单右侧的主要内容在其下方，而您必须向下滚动才能阅读它。您可以查询并获取div实际显示的坐标，并且您可以获取视口的坐标以验证左上角实际上位于可视区域内吗？

Answer 1

我认为比较屏幕截图是你可以做的最好的事情，恐怕还没有可靠的工具。

如果我是你，我会创建一个脚本，浏览网站的每个页面，捕捉每个网页上的图片，然后打开一个包含所有结果的文件夹，检查时间可能不到一分钟或者30个。听起来很愚蠢，但有时更容易的替代结束是最好的...

Answer 2

恐怕你能做的最好的是选择一个标准的浏览器，并比较其他浏览器的截图与参考。

我不记得具体的一个，但像Araxis合并一些工具能够以非常聪明的方式比较屏幕截图。

Answer 3

硒有断言检查元素的位置和大小：

• assertElementHeight(locator,pattern)
• assertElementWidth(locator,pattern)
• assertElementPositionLeft(locator,pattern)
• assertElementPositionTop(locator,pattern)

一个简单的tes吨至检查在OPS例如渲染可以写

assertElementPositionTop(//*[@id='main_content'],0) 

从而检查是否#main_content在顶部呈现或其他地方。