WebDriver：如何检查页面对象Web元素是否存在？

Question

将页面对象与 webdriver 结合使用时如何检查元素是否存在。

到目前为止我都是这样做的。

DefaultPage defaultPage = PageFactory.initElements(this.driver,
      DefaultPage.class);
assertTrue(defaultPage.isUserCreateMenuLinkPresent());

页面对象：

public class DefaultPage {     
    @FindBy(id = "link_i_user_create")
    private WebElement userCreateMenuLink;


    public boolean isUserCreateMenuLinkPresent() {
        try {
            this.userCreateMenuLink.getTagName();
            return true;
        } catch (NoSuchElementException e) {
            return false;
        }
    }
 }

但我无法相信这种 try/catch 是人们应该做的事情。 那么检查元素是否存在（使用页面对象）的更好方法是什么？

Answer 1

问题在于模式本身。它使用 @FindBy 注释（PageFactory 使用它来初始化必须由 Proxy 包装的字段），将标准元素替换为其包含 InvocableHandler 的代理实例。

每次尝试访问用 @FindBy 注释的字段时，调用处理程序都会尝试使用默认的 ElementLocator 查找元素。问题是，如果 ElementLocator.findElement() 方法中没有出现任何元素，则会抛出 TimeoutException / NoSuchElementException DOM。

public WebElement findElement(SearchContext context) {
   List<WebElement> allElements = findElements(context);
   if (allElements == null || allElements.isEmpty())
      throw new NoSuchElementException("Cannot locate an element using "
      + toString());
   return allElements.get(0);
}

因此，每次需要检查元素是否显示时，都必须搜索元素列表并检查其大小。

@FindBy(css = "div.custom")
private List<WebElement> elements
...

public isElementPresented(){
   return elements != null && elements.size > 0
}

解决此问题的另一种方法是创建您自己的 LocatingElementHandler 和 ElementLocator 实现。

因此，如果您需要自己的 isDisplayed() 方法返回 false 而不是 Exception，那么您可以将 ElementLocator 中的 findElement() 方法替换为类似的内容：

...
List<WebElement> elements = searchContext.findElements(by)
if(elements != null && elements.size() > 0){
   List<WebElement> visibleElements = []
   elements.each {
      if(it.displayed){
         visibleElements.add(it)
      }
   }
   if(visibleElements.size() > 0){
      return visibleElements.get(0)
   }
}
return null
...

并向 LocatingElementHandler.invoke() 添加新条件，

例如：

element = locator.findElement()
if(element == null){
   if(method.name == "isDisplayed"){
      return false
   }
}

Answer 2

Webdriver 被设计为在未找到元素时抛出异常，因此没有任何方法可以验证 Webdriver 中元素是否存在。

检查此 - http://groups.google.com/group/webdriver/browse_thread/线程/909a9b6cb568e341

Answer 3

@Ralph：我用同样的方式来做：try/catch。我从来没有找到其他方法。
您可以替换超类中的try/catch 块并将其设计为通用。换句话说：您可以编写一个需要 WebElement 类型的对象的方法。这个方法包含try/catch块并返回true/false...

所以我在测试框架的超类中编写了以下公共方法，现在能够在每个页面对象中使用它：

public boolean isElementExisting(WebElement we) {
    try {
        we.isDisplayed();
        return true;
    } catch(NoSuchElementException e) {
        LOGGER.severe("Element does not exist.");
        return false;
    }
}

我不知道为什么这没有在WebDriver中实现...

否则你可以使用WebDriverWait。

Answer 4

我正在使用这种模式，对我来说效果很好：

public void login() 
{
    if (!loginButton.isDisplayed())
    {
        throw new IllegalStateException("Login button is not displayed!");
    } else
    {
        loginButton.click();    
    }        
}

或者：

public boolean loginButtinIsDisplayed() {
    try {
        this.loginButton.getTagName();
        return true;
    } catch (NoSuchElementException e) {
        e.printStackTrace();
        return false;
    }
}

Answer 5

我最近看到了这篇旧帖子，相信我找到了一个解决方案。

我正在测试一个带有添加用户按钮的页面。单击该按钮时，会出现各种可编辑文本字段（名字、姓氏、电子邮件等）和一个下拉列表。

单击Cancel 按钮后，字段消失并且不再存在。将 WebDriverWait 与 ExpectedConditions.visibilityOf() 一起使用将不起作用，因为元素不再存在于 DOM 中。

我发现 @FindAll 对我来说是一个解决方案，尽管我必须承认我的测试在我的 List 断言中运行明显缓慢。

对于您的代码，如下所示：

public class DefaultPage {     
@FindAll({@FindBy(id = "link_i_user_create")}) List<WebElement> userCreateMenuLink;


public boolean isUserCreateMenuLinkPresent() {
    if (this.userCreateMenuLink.isEmpty()) fail("Link does not exist");}

不过，我可以在自己的测试中使用类似的东西，并且这似乎是避免“没有此类元素”异常的可靠方法。它基本上是断言的页面对象改编：driver.findElements(By.locator).size() driver.findElements(By.locator).size() driver.findElements(By.locator).size() 1..

Answer 6

这是访问页面上可选元素的一个很好的模式：

@FindBy(...)
private List<WebElement> element;

public Optional<WebElement> getElement() {
    return element.stream().findFirst();
}

在测试中，您可以使用以下断言：

assertEquals(Optional.empty(), page.getElement()); // element should be absent

assertTrue(page.getElement().isPresent()); // element should be present

var e = page.getElement().orElseThrow(AssertionFailedError::new); // check and use element

Answer 7

Arquillian 已在 石墨烯扩展。

检查 ElementLocatorConditionFactory.isPresent() 函数。

他们或多或少做了您在问题中所写的内容（来自 ExpectedConditions.findElement 中硒支持.jar）：

try {
    return driver.findElement(by);
} catch (NoSuchElementException e) {
    throw e;
} catch (WebDriverException e) {
    // [...] some log
    throw e;
}

Answer 8

使用 C# 绑定：

using System.Collections.Generic;
using System.Linq;

public class DefaultPage 
{
    [FindsBy(How = How.Id, Using = "link_i_user_create")]
    private IList<IWebElement> userCreateMenuLink;

    public bool isUserCreateMenuLinkPresent()
    {
        return userCreateMenuLink.Any();
    }
}

您告诉 Selenium 获取与该 Id 匹配的所有元素并将它们放入 IWebElement 列表中。然后，您可以在列表上调用 .Any()，如果至少找到一个 IWebElement，则该列表的计算结果为 true。

Answer 9

尝试一下，这在 pom 中绝对可以工作，

public boolean isPrebuiltTestButtonVisible() {
    try {

        if (preBuiltTestButton.isEnabled()) {

            return true;

        } else {

            return false;
        }

    } catch (Exception e) {

        e.printStackTrace();
        return false;
    }
}

这肯定可以在带有 try catch 的页面对象模型中工作