Layout 有没有办法用selenium RC检查布局

我想检查一下页面的布局。非常简单的一件事——某个div显示在另一个div的上方/下方/左侧/右侧

有可能做这种事情吗？

使用Ruby客户端（

@selenium

是我的

SeleniumDriver

对象）：

要检查某个元素是否位于另一个div之上，请执行以下操作：

@selenium.get_element_position_top("firstdiv") <
  @selenium.get_element_position_top("seconddiv")

@selenium.get_element_position_left("firstdiv") <
  @selenium.get_element_position_left("seconddiv")

@selenium.get\u元素\u位置\u顶部（“firstdiv”）<
@硒。获取元素位置顶部（“第二个div”）

要检查某个元素是否留给另一个div：

@selenium.get_element_position_top("firstdiv") <
  @selenium.get_element_position_top("seconddiv")

@selenium.get_element_position_left("firstdiv") <
  @selenium.get_element_position_left("seconddiv")

@selenium.get\u元素\u位置\u左（“firstdiv”）<
@selenium.get_element_position_left（“seconddiv”）

如果还要检查图元是否重叠，请将图元的顶部与另一个图元的底部进行比较：

@selenium.get_element_position_top("firstdiv") + 
  @selenium.get_element_height("firstdiv") <
  @selenium.get_element_position_top("seconddiv")

@selenium.get\u element\u position\u top（“firstdiv”）+
@硒。获取元素高度（“firstdiv”）<
@硒。获取元素位置顶部（“第二个div”）

您可以使用。它是一个基于Selenium的工具，但有自己的特殊语言。 其思想是测试页面元素相对彼此的位置。下面是测试代码的基本示例

@ all
------------------------------------
header, menu, footer
    width: 100% of screen/width

header
    height: 100px
    above: menu 0px

menu
    height: 50px
    above: content 0px

footer
    height: > 100px

content
    inside: screen 0px left

@ desktop, tablet
-----------------------------------
side-panel
    width: 300px
    below: menu 0px
    inside: screen 0px right
    near: content 10px right

@ mobile
-----------------------------------
side-panel, content
    width: 100% of screen/width

side-panel
    below: content 5px

---

要了解更多信息，您可以阅读本文

这是否可以跨浏览器工作（我的真正意思是“这在IE6中工作吗”）？