Selenium 中的 JavaScriptExecutor

简介

JavaScriptExecutor 是 Selenium WebDriver 提供的一种机制，用于在 WebDriver 控制的浏览器实例中执行一些 JavaScript 脚本。这使得测试人员能够调用 JavaScript 函数、操作 DOM 元素或者执行其它动作，以便完成一些浏览器无法完成的测试任务。

使用场景

JavaScriptExecutor 的应用场景非常广泛，以下是一些常见的使用场景：

• 操作被隐藏的元素
• 滚动浏览器窗口
• 工作与页面上的 alert 和 confirm
• 对页面元素的状态进行断言验证
• 清除浏览器缓存

使用方法

在 WebDriver 中使用 JavaScriptExecutor 非常简单。WebDriver 接口继承了 JavaScriptExecutor 接口，所以可以直接调用 executeScript 方法来执行 JavaScript。

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

假设我们已经拿到了 JavaScriptExecutor 对象，接下来就可以使用以下方法来执行 JavaScript 脚本：

Object executeScript(String script, Object... args);
Object executeAsyncScript(String script, Object... args);

executeScript 方法

executeScript 方法用于同步执行 JavaScript 脚本，该方法的参数分别为 JavaScript 代码和不定参数，用于传递 JavaScript 代码中需要的参数。

jsExecutor.executeScript("console.log('Hello World!');");

executeAsyncScript 方法

executeAsyncScript 方法用于异步执行 JavaScript 脚本。异步执行的脚本可以立即返回一个 Promise 对象，当后台线程完成任务后，Promise 对象会得到一个新的值。

Object result = jsExecutor.executeAsyncScript(
    "window.setTimeout(arguments[arguments.length - 1]);"
);
System.out.println(result); // null

JavaScript 代码示例

以下是一些使用 JavaScriptExecutor 执行的常见操作的代码示例。

操作 DOM 元素

WebElement element = driver.findElement(By.id("login-button"));
jsExecutor.executeScript("arguments[0].click();", element);

操作浏览器窗口

jsExecutor.executeScript("window.scrollBy(0, 250)");

操作 alert 和 confirm

jsExecutor.executeScript("alert('Hello World!');");

验证页面元素状态

Boolean isDisabled = (Boolean) jsExecutor.executeScript(
    "return document.getElementById('login-button').disabled;");
assertTrue(isDisabled);

清除浏览器缓存

jsExecutor.executeScript("window.localStorage.clear();");

总结

JavaScriptExecutor 是 Selenium WebDriver 中一个重要的组件，它使得自动化测试能够在浏览器端执行任何自定义 JavaScript 或操作。熟练掌握 JavaScriptExecutor 将有助于提高浏览器自动化测试脚本的灵活性和功效，是测试人员必备的技能之一。