首先,我们使用如下方式初始化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].onclick=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类型。如果返回的是对象列表,基于对象类型的任何值都可以。