WebDriver中执行JavaScript

首先,我们使用如下方式初始化driver:

 

WebDriver driver = new FirefoxDriver();
JavascriptExecutor jse = (JavascriptExecutor)driver;

 

1.直接传入Javascript代码

可以直接给jse传入javascript代码:

jse.executeScript("window.document.getElementById('jingshou').click()";

2.传入WebElement执行JS:

WebElement element = driver.findElement(By.id("jingshou"));
jse.executeScript("arguments[0].click();", element);

又或者:

jse.executeScript("arguments[0].οnclick=function(){alert('This is my alert!');}", element)

其中auguments[0]就代表element, 甚至我们可以传入更多的参数,比如

WebElement div = driver.findElemnt(By.id("myDiv"));
jse.executeScript("arguments[0].setAttribute('style', arguments[1])", div, "height: 1000px");

 通过执行以上代码,我们指定的DIV就新增(修改)了 style {height: 1000px}的属性

在WebDriver中可以使用JavaScript，通地使用JavascriptExector对象

首先要通过向下转型 JavascriptExecutor js = (JavascriptExecutor) driver; 转为JavascriptExector对象

然后再调用executeScript()方法来执行JS。

例：

1. 打开Google首页

2. 通过JS获取网页中的title  --- document.title

3. 获得网页中链接的数量 ----var links = document.getElementsByTagName('A'); return links.length

具体实现如下

package com.example.tests;
import static org.junit.Assert.*;
import org.junit.*;
import org.openqa.selenium.*;
import org.openqa.selenium.ie.InternetExplorerDriver;

public class test {
    @Test
    public void testJavaScriptCalls() {
        WebDriver driver = new InternetExplorerDriver();
        driver.get("http://www.google.com.hk");
        JavascriptExecutor js = (JavascriptExecutor) driver;
        String title = (String) js.executeScript("return document.title");
        assertEquals("Google", title);
        long links = (Long) js.executeScript("var links = "
                + "document.getElementsByTagName('A'); "
                + "return links.length");
        assertEquals(32, links);
        driver.close();
    }
}

从javaScript代码中返回数据，我们需要使用return关键字。基于返回值的类型，我们需要对executeScript()方法进行转型。对于带小数点的值，使用Double类型，非小数值可以使用Long类型，布尔值可以使用Boolean类型，如果返回的是HTML节点，可以使用 WebElement类型，文本值，可以使用String类型。如果返回的是对象列表，基于对象类型的任何值都可以。