WebDriver 执行 javascript 奇怪的行为

Question

我正在通过 JBehave-Web 发行版（3.3.4）使用 Webdriver 来测试应用程序，但我遇到了一些非常奇怪的事情：

我正在尝试与 Richfaces 的 modalPanel 进行交互，这给了我很多问题，因为它会抛出异常ElementNotVisibleException。我通过使用 javascript 解决了这个问题：

这是我的页面对象中的代码，它从 org.jbehave.web.selenium.WebDriverPage 扩展

protected void changeModalPanelInputText(String elementId, String textToEnter){
    makeNonLazy();
    JavascriptExecutor je = (JavascriptExecutor) webDriver();
    String script ="document.getElementById('" + elementId + "').value = '" + textToEnter + "';";
    je.executeScript(script);
}

奇怪的行为是，如果我正常执行测试，它什么也不做，但是如果我在最后一行（在 Eclipse 中），选择该行并从 Eclipse 中执行（Ctrl + U），我可以在浏览器中看到更改。

我检查了 JavascriptExecutor 和 WebDriver 类以查看是否存在任何类型的缓冲，但我找不到任何内容。有什么想法吗？

编辑 我发现让线程休眠 1 秒让它工作，所以它看起来是某种竞争条件，但无法找出原因......

这就是它“工作”的方式，但我不太高兴关于它：

protected void changeModalPanelInputText(String elementId, String textToEnter){
    String script ="document.getElementById('" + elementId + "').value = '" + textToEnter + "';";
    executeJavascript(script);
}

    private void executeJavascript(String script){
    makeNonLazy();
    JavascriptExecutor je = (JavascriptExecutor) webDriver();
    try {
        Thread.sleep(1500);
    } catch (InterruptedException e) {
        e.printStackTrace();
    }
    je.executeScript(script);       
}

将等待放在任何其他位置也不起作用......

Answer 1

第一个想法：

确保目标元素已初始化且可枚举。看看是否返回 null：

Object objValue = je.executeScript(
    "return document.getElementById('"+elementId+"');");

由于您使用的是 makeNonLazy()，可能只需将目标添加为页面对象的 WebElement 成员（假设 页面工厂 JBehave 中的初始化类型）。

第二个想法：

在变异之前显式等待元素可用：

/**
 * re-usable utility class
 */
public static class ElementAvailable implements Predicate<WebDriver> {

    private static String IS_NOT_UNDEFINED = 
        "return (typeof document.getElementById('%s') != 'undefined');";
    private final String elementId;

    private ElementAvailable(String elementId) {
        this.elementId = elementId;
    }

    @Override
    public boolean apply(WebDriver driver) {
        Object objValue = ((JavascriptExecutor)driver).executeScript(
                String.format(IS_NOT_UNDEFINED, elementId));
        return (objValue instanceof Boolean && ((Boolean)objValue));
    }
}

...

protected void changeModalPanelInputText(String elementId, String textToEnter){
    makeNonLazy();

    // wait at most 3 seconds before throwing an unchecked Exception
    long timeout = 3;
    (new WebDriverWait(webDriver(), timeout))
            .until(new ElementAvailable(elementId));

    // element definitely available now
    String script = String.format(
            "document.getElementById('%s').value = '%s';",
            elementId,
            textToEnter);
    ((JavascriptExecutor) webDriver()).executeScript(script);
}