如何验证网页元素的位置

Question

我想知道是否有任何方法可以验证网页的特定元素是否在给定位置。 例如，假设您有一个要求说明： “灯泡按钮应出现在网页的左上角”。 如何自动验证按钮是否处于正确位置？ 首先，我应该要求需求工程师在坐标中转换左侧位置，因为我一直在使用Selenium 2.0 JAVA API，我可以使用
元素的方法“getLocation”。是验证元素位置的唯一方法。

http://selenium.googlecode.com/svn/trunk/docs/api/java/org/openqa/selenium/WebElement.html#getLocation%28%29

Answer 1

有两种方法可以验证元素的位置。

getLocation()验证元素的绝对位置。我不建议这样做，它可以根据加载速度和窗口大小一直改变。

getCssValue()可以在一定程度上验证元素的相对位置。大多数现代网站都通过CSS进行布局。您可以执行可能会返回getCssValue("display")，block或其他布局的grid。您可以检查边距，边框或填充。

但是，上述解决方案也很脆弱，因为网站可以非常频繁地更改其布局。它还要求selenium代码的开发人员对CSS有很多了解。最后，它不是防错的。我可以检查20种不同的东西，然而CSS中的单个更改可以完全改变元素的位置。