硒：检查元素的存在

Question

在实时自动化中，在对每个元素执行操作之前，我们是否检查它们的存在（在测试中）？

只要有一个findElement语句，就有可能出现NoTouchElementException。我的问题是我们是否每次都检查元素的存在？

是否每个findElement语句都需要被try-catch块包围？

Answer 1

您可能会发现AbstractWebDriverEventListener类的使用特别有用。此类实现接口WebDriverEventListener，该接口为WebDriver触发的事件定义之前和之后的挂钩。

可以实现一个这样的前钩子前FindBy来检查元素的存在。例如：

public void beforeFindBy(By by, WebElement element, WebDriver driver) {
    // Explicit wait to check for the presence of the element using the "by" locator
}

类似地，可以实现beforeClickOn之前的before钩子，以在对该元素执行click事件之前检查该元素是否可单击。

Answer 2

逐一回答您的问题：

• “在实时自动化中，在对每个元素执行某些操作之前，我们是否检查每个元素（在测试中）是否存在”：是，根据最佳实践，每当用户被重定向到新页面时，您需要确保元素的状态符合所需操作

有3个最广泛使用的预期条件，它们可以与WebDriver等等一起使用来验证元素的状态，如下所示：

定位元素的存在（通过定位器）定义如下：

public static ExpectedCondition<WebElement> presenceOfElementLocated(By locator)

Description : An expectation for checking that an element is present on the DOM of a page. This does not necessarily mean that the element is visible.

VisibilityOfElement定位（通过定位器）定义如下：

public static ExpectedCondition<WebElement> visibilityOfElementLocated(By locator)

Description : An expectation for checking that an element is present on the DOM of a page and visible. Visibility means that the element is not only displayed but also has a height and width that is greater than 0.

ElementToBeClickable（通过定位器）定义如下：

public static ExpectedCondition<WebElement> elementToBeClickable(By locator)

Description : An expectation for checking an element is visible and enabled such that you can click it.

• “只要有一个findElement语句，就有可能没有触及到例外”：不，一点也不。如果你构造了一个合适的定位策略，你就不会面临无接触异常

在这里，您将看到关于NoTouchElementExeption的详细讨论，selenium无法定位元素

• 是否每个findElement语句都需要被try-catch块包围：不，不一定。如果您的用例同时涉及肯定和否定场景的处理，那么try-catch{}block就是perfecto

Answer 3

有两种情况需要说明：

1. 元素是否存在；这意味着它是否存在于DOM中
2. 元素是否可见；这意味着它在DOM中，没有隐藏或等效的标志

对于第一种情况，我使用以下helper方法：

this.waitForElement = function(locator) {
    browser.wait(function() {
      return browser.isElementPresent(locator);
    }, testData.Timeout.TWO_MINUTES);
};

这将等待与提供的定位器匹配的元素出现的任意时间（它存在于DOM中）。

对于第二种情况，我使用以下helper方法：

this.waitForElementIsVisible = function(el){
    let EC = protractor.ExpectedConditions;
    browser.wait(EC.visibilityOf(el), testData.Timeout.TWO_MINUTES, "Element did not become visible after 2 minutes");
};

这将使用一个WebElement作为单个参数，并等待直到元素变得可见（它存在于DOM中，并且不通过css样式或其他方式隐藏）

作为奖励，我还发现这个助手方法对于测试表单中的错误状态非常有用：

this.waitForElementIsClickable = function(el){
    let EC = protractor.ExpectedConditions;
    browser.wait(EC.elementToBeClickable(el), testData.Timeout.TWO_MINUTES, "Element did not become clickable after 2 minutes");
};

将一个WebElement作为第一个参数，并等待直到可以单击该WebElement。

注意，我在这些代码片段中使用了量角器和引用量角器。所以，除非您也使用量角器，否则很可能无法通过直接复制粘贴100%地工作。不过，调整它们以适应您的设置应该很容易。