Selenium webdriver中Javascript函数的返回值

Question

如何使用 selenium webdriver 从 javascript 函数返回数组？ 我尝试过的代码是-

System.setProperty("webdriver.chrome.driver", "D:/chromedriver_win32/chromedriver.exe");
    wd=new ChromeDriver();
    wd.navigate().to("http://www.makemytrip.com");
    wd.manage().window().maximize();
    Thread.sleep(5000);
    wd.findElement(By.id("from_typeahead1")).click();
    WebElement span= wd.findElement(By.xpath(".//*[@id='one_round_default']/div/div[1]/div/div[1]/span/span/div[1]/span"));

    JavascriptExecutor jse = (JavascriptExecutor)wd;
    jse.executeScript("window.showList = function(){"+
            "var source=[];"+
            "var inputs = arguments[0].getElementsByTagName('div');"+
            "for(var i = 0; i < inputs.length; i++) {"+
                "source.push(inputs[i])"+
            "}"+
            "return source;"+
            "};",span);

    /*List<?> al =  (List<?>) jse.executeScript(
            "var source = [];"+
            "var inputs = arguments[0].getElementsByTagName('div');"+
            "for(var i = 0; i < inputs.length; i++) {"+
               "source.push(inputs[i])"+      
            "}"+
            "return source;"                 
            ,span);*/

    List<?> al =  (List<?>) jse.executeScript("showList();");
    for(Object web:al){
        System.out.println(((WebElement) web).getText());
    }

我收到一个异常说明 - “org.openqa.selenium.WebDriverException：未知错误：无法读取未定义的属性 'getElementsByTagName'。”

顺便说一句，当我尝试这段代码时，它可以完美运行 -

System.setProperty("webdriver.chrome.driver", "D:/chromedriver_win32/chromedriver.exe");
    wd=new ChromeDriver();
    wd.navigate().to("http://www.makemytrip.com");
    wd.manage().window().maximize();
    Thread.sleep(5000);
    wd.findElement(By.id("from_typeahead1")).click();
    WebElement span= wd.findElement(By.xpath(".//*[@id='one_round_default']/div/div[1]/div/div[1]/span/span/div[1]/span"));

    List<?> al =  (List<?>) jse.executeScript(
            "var source = [];"+
            "var inputs = arguments[0].getElementsByTagName('div');"+
            "for(var i = 0; i < inputs.length; i++) {"+
               "source.push(inputs[i])"+      
            "}"+
            "return source;"                 
            ,span);

    for(Object web:al){
        System.out.println(((WebElement) web).getText());
    }

但我想首先创建一个函数，它返回我的数组，然后随时调用该函数。如何做到这一点？另外，如果可能的话，我如何使用外部 .js 文件来执行相同的逻辑并在我的脚本中使用它？ 任何帮助将不胜感激。提前致谢 ！

Answer 1

如您所见，executeScript 方法使用第一个参数创建一个函数，并将其余参数传递给它。

要突破这个函数的范围，只需在全局对象中定义一些东西或操作 DOM。

例如，在测试中的某处从您的第一个代码 sn-p 调用 jse.executeScript("window.showList = function(){...，但不要将 span 参数传递给它。这在全局范围内定义了showList 函数。

稍后您可以简单地通过jse.executeScript("return showList.apply(null, arguments)", span) 调用它。

同样，您可以使用 sn -p 包含外部脚本

driver.executeScript("var s = document.createElement('script'); s.type = 'text/javascript'; s.src = arguments[0]; document.body.appendChild(s);", scriptUrl);

（或者只是硬编码网址）。

对于这两种情况，请记住只运行一次定义/包含调用以避免重新定义。