67

我正在使用 Selenium WebDriver (Java) 和 TestNG 在我创建的网站上进行一些测试。在这个网站中,我也有 JavaScript,并且在一些函数中,它返回值并通过console.log().

我想知道 Selenium WebDriver 是否有一种简单的方法可以访问这些 JavaScript 信息,以便我可以使用 TestNG 执行断言。

我对 Selenium 很陌生,但我知道您可以执行以下操作:

WebDriver driver = new ChromeDriver();
driver.findElement(By.id("btn")).click();

那么有什么类似的方法可以WebDriver用来阅读网站上的 JavaScript 吗?


澄清

看起来人们正在假设我正在尝试通过 Selenium “执行” JavaScript 代码。

事实并非如此。相反,我尝试使用 Selenium 存储已经定义的 JavaScript 变量。

基本上,我希望 Selenium 能够获取 JavaScript 变量的值,将其存储在本地,然后对其进行断言测试。


尝试 1

假设我的网站有以下 JS 代码:

$(document).ready(function() {
    var foo = $(#"input-field-val").val();

    function returnFoo() {
        return foo;
    }
});

根据我的阅读和理解,在我单独的 Selenium 测试文件(Selenium.java)中,我应该能够做这样的事情吗?:

public class Selenium {
    WebDriver driver = new FirefoxDriver();
    JavascriptExecutor js = (JavascriptExecutor) driver;

    @Test
    public void testSample() {
        driver.get("www.mywebsite.com");
        js.executeScript("alert(returnFoo());");
    }
}

我做了与上面类似的事情,但没有弹出警告框。相反,我收到一条错误消息:

Exception in thread "main" org.openqa.selenium.WebDriverException: ReferenceError: returnFoo is not defined

我很确定当它说 JS 变量时我不明白它的含义

不应该是闭包或局部变量的一部分

我也尝试在$(document).ready(function()...and 设置之上定义一个全局变量,function returnFoo()但仍然不起作用。


尝试 2

我已经搬到foo了. 这已经修复了我在上面的尝试 1中收到的消息。returnFoo()$(document).ready(function()...ReferenceError

我还给了foo一个值,所以我的 JS 代码看起来像这样:

var foo = "Selenium test run";

$(document).ready(function() {
...
});

function returnFoo() {
    return foo;
}

现在,我很难returnFoo()在我的 Selenium 测试中将返回值分配给局部变量。这是我尝试过的:

public static void main(String[] args) {
        WebDriver driver = new FirefoxDriver();
        JavascriptExecutor js = (JavascriptExecutor) driver;

        driver.get("http://localhost:8080/HTML5TestApp/prod.html");
        Object val = js.executeScript("window.returnFoo();");
        System.out.println(val);
    } 

但是控制台显示null的不是"Selenium test run"的实际值。

尝试 2 - 解决方案

看起来如果我这样做,Object val = js.executeScript("alert(returnFoo());");我会得到foo.


解决方案

因此,感谢下面 Martin Foot 的解决方案,这是我针对我的问题提出的解决方案。

在我的 JavaScript 文件中,我创建了var一个 setter/getter 函数,如下所示:

index.js

var seleniumGlobal;

$(document).ready(function() {
...
)};

function setSG(toSet) {
    seleniumGlobal = toSet;
}

function getSG() {
    return seleniumGlobal;
}

SampleTest.java

// Do all the necessary imports

public class SampleTest {
    WebDriver driver = new FirefoxDriver();
    JavascriptExecutor js = (JavascriptExecutor) driver;

    @Test
    public void testPrintVal() {
        String sgVal = (String) js.executeScript("alert(getSG());");
        Assert.assertEquals("new value for seleniumGlobal", sgVal);
    }
}

因此,每当我的 JavaScript 中的某些代码通过 setter 方法设置我的seleniumGlobal变量时,我都可以通过我的 Selenium 测试调用它并对其进行断言。

这可能不是最有效的方法,但如果其他人有更好的解决方案,请告诉我。

4

3 回答 3

49

你所要做的就是:

Object val = js.executeScript("return returnFoo();");

这会给你你正在寻找的东西。

于 2013-02-15T16:25:23.807 回答
29

无需定义 JavaScript 函数。也不alert()需要。

Object result = js.executeScript("return globalVar");

对于 Python:

result = driver.execute_script("return globalVar")
于 2013-10-04T00:37:38.740 回答
14

在 Ruby 中,您可以使用page.execute_script来评估 JavaScript 变量(如果它可以从 Web 浏览器的范围内访问)。看起来这里的 Java 中也有类似的方法。

编辑:这可能是一个更适合 JavaScript 单元测试框架(例如Jasmine )的用例。

于 2012-12-21T17:20:55.227 回答