java - Bootstrap Popover 的 Selenium ElementNotVisibleException

Question

我正在使用 Selenium 2.37.1 和 Chrome 驱动程序 2.7(在 Ubuntu 13.10 上使用 Chrome 31.0.1650.63)为我的基于 Java/Spring/Boostrap 的网站编写一些测试。

测试点击登录文本，然后在点击提交按钮之前尝试将提供的用户名和密码输入到表单中。我已经分解了元素的查找并调用 sendKeys 来确定 Selenium 的后续位置(它在 username.sendKeys 上)

public void login(final String user) {
    webDriver.findElement(By.id("login")).click();
    final WebElement loginForm = webDriver.findElement(By.id("loginForm"));
    final WebElement username = loginForm.findElement(By.id("username"));
    username.sendKeys(user);
    final WebElement password = loginForm.findElement(By.id("password"));
    password.sendKeys(dslConstants.PASSWORD);
    loginForm.submit();
}

成功找到用户名，但是当我运行 username.isDisplayed() 时它实际上正在显示。

我假设这与 Selenium 无法正确处理 Bootstrap 弹出窗口有关，想知道是否有人对此有任何修复？

提前致谢。

编辑:loginForm.isDisplayed() 在调试时可见时也会返回 false。我也尝试添加一个等待条件，这也没有解决问题。

final WebDriverWait wait = new WebDriverWait(webDriver, TIME_OUT_IN_SECONDS);
wait.until(ExpectedConditions.visibilityOf(webDriver.findElement(By.id("username"))));

编辑2:这是页面的 HTML/JSTL 方面。

<div class="navbar">
        <ul class="nav navbar-nav">
            <li><a href="/">Home</a></li>
            <sec:authorize ifAnyGranted="ROLE_ANONYMOUS">
                <div class="hide" id="login-popover">
                    <form role="form" id="loginForm" method="post" action="j_spring_security_check">
                        <div class="control-group">
                            <label class="control-label" for="username">Username</label>
                            <div class="controls">
                                <input type="text" id="username" class="form-control" name="j_username" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="password">Password</label>
                            <div class="controls">
                                <input type="password" id="password" class="form-control" name="j_password" />
                            </div>
                        </div>
                        &nbsp;
                        <div class="control-group">
                            <div class="controls">
                                <button class="btn btn-primary" type="submit">Login</button>
                            </div>
                        </div>
                    </form>
                </div>
                <li><a href="#" id="login">Login</a></li>
                <li><a href="/accounts/register">Register</a></li>
            </sec:authorize>
        </ul>
    </div>

编辑 3:使用 FireFox 25 时也会出现这种情况

Answer 1

尝试移动到 popover 元素以使其可见，然后再与之交互。像这样的东西:

    WebElement element = webDriver.findElement(By.id("login-popover"));
    Actions actions = new Actions(driver);
    actions.moveToElement(element).build().perform();

然后执行等待序列。如果您必须单击该元素才能使其出现，那么您可以在 build() 之前执行此操作。