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

Selenium或任何其他自动化工具能否检查元素在网页上的正确位置

---

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

恐怕您最好选择一个标准浏览器，然后将其他浏览器的屏幕截图与参考浏览器的屏幕截图进行比较

---

我不记得具体的一个，但是像Araxis merge这样的工具能够以一种非常智能的方式比较屏幕截图。

我认为比较屏幕截图是你能做的最好的事情，恐怕目前还没有强大的工具

---

如果我是你，我会创建一个脚本，在网站的每个页面中导航，在每个页面上捕获一张图片，然后打开一个包含所有结果的文件夹，可能需要不到一分钟的时间来检查20或30个结果。听起来很愚蠢，但有时更简单的选择是最好的…

Selenium提供了检查元素位置和大小的断言：

在OPs示例中，检查渲染的一个简单测试可以是编写

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

---

这样就可以检查“主要”内容是在顶部还是其他地方呈现。

显然，他们在ExpressionWeb3中对此有一些非常酷的支持；它的名称为SuperPreview或类似，您可以跟踪元素在页面上的确切位置。这意味着可能会自动完成这项工作，但这可能既不容易也不快速。Araxis的网站URL是什么？