在浏览器中自动测试渲染

时间:2009-09-10 15:17:45

标签: testing selenium

Selenium或任何其他自动化工具可以检查网页上元素的正确位置吗?

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

3 个答案:

答案 0 :(得分:0)

我担心你能做的最好的事情就是选择一个标准的浏览器,而不是将其他浏览器的截图与参考浏览器进行比较。

我不记得具体的那个,但像Araxis merge这样的工具能够以非常聪明的方式比较屏幕截图。

答案 1 :(得分:0)

我认为比较屏幕截图是你能做的最好的事情,我担心还没有强大的工具,但是。

如果我是你,我会创建一个脚本,浏览网站的每个页面,在每个页面上捕获一张图片然后我会打开一个包含所有结果的文件夹,它可能需要不到一分钟的时间来检查20或其中30个。听起来真的很蠢,但有时更容易的替代方案最终成为最好的......

答案 2 :(得分:0)

Selenium有断言检查元素的位置和大小:

检查OP示例中的渲染的简单测试可能是写

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

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