selenium 执行 js

最新推荐文章于 2024-04-10 09:07:54 发布

原创最新推荐文章于 2024-04-10 09:07:54 发布 · 259 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#python #java #测试

java 专栏收录该内容

1091 篇文章

订阅专栏

本文介绍如何使用Selenium与zTree进行交互测试，重点讲解通过JavaScriptExecutor执行JS代码的方法，包括解决局部变量问题及复杂操作分解技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想测试 zTree ，那么大量的测试工作都是要依靠 js 的，所以让 Selenium 与 js 通信是至关重要的，查一下文档，建立起来简单的通信是不难的。

Java代码

((JavascriptExecutor)driver).executeScript("var a = 0;");

只要在这里面把需要执行的 js 写好就可以了，不过问题也就来了：

1、executeScript 执行 js 时应该是一个闭包的环境，所以这里面 var 定义的变量是局部变量，不可能是全局对象，使用此变量的方法都要在这一个 executeScript 里面写好全部代码。

2、一个 executeScript 只能返回一个Object，如果你要做同一个测试，返回一个 JSON 对象中的多个值，难道要同一段代码复制好几遍吗？这样当然不是个好的解决方案，所以我们可以利用 window 实现全局变量，这样可以将一个复杂的 executeScript 分解为多个简单的 executeScript 了。

3、executeScript 的返回值是 Object，在 API 中有详细的描述 Object 与 js 值的对应关系，但注意可是不能直接返回 JSON 对象的。

js 返回 HTML element， Object 可以转换为一个 WebElement

js 返回 decimal，Object 可以转换为一个 Double

js 返回 non-decimal number, Object 可以转换为一个 Long

js 返回 boolean, Object 可以转换为一个 Boolean

js 返回其他对象, Object 可以转换为一个 String

js 返回 array, Object 可以转换为一个 List<Object>.

js 没有返回值或返回 null， executeScript 的返回值就是 null

详细情况建议大家直接参阅 API 文档

Java代码

package lesson2;
import org.junit.AfterClass;
import org.junit.BeforeClass;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class ExampleJs {
static WebDriver driver;
@BeforeClass
public static void init() {
System.out.println("init...");
// 如果你的 FireFox 没有安装在默认目录，那么必须在程序中设置
System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe");
// 创建一个 FireFox 的浏览器实例
driver = new FirefoxDriver();
}
@Test
public void test() {
// 让浏览器访问 zTree Demo
driver.get("http://www.ztree.me/v3/demo/cn/core/standardData.html");
// 等待 zTree 初始化完毕，Timeout 设置10秒
(new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
public Boolean apply(WebDriver d) {
WebElement element = driver.findElement(By.id("treeDemo"));
return element.findElement(By.tagName("a")) != null;
}
});
System.out.println("start...javascript");
// String name =(String) ((JavascriptExecutor)driver).executeScript("return $.fn.zTree.getZTreeObj('treeDemo').getNodes()[0].name;");
// Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return $.fn.zTree.getZTreeObj('treeDemo').getNodes().length;");
//直接 var 定义得到的对象并不是全局对象，这么执行会出错的
// ((JavascriptExecutor)driver).executeScript("var zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');");
// String name =(String) ((JavascriptExecutor)driver).executeScript("return zTreeObj.getNodes()[0].name;");
// Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return zTreeObj.getNodes().length;");
//利用 window 实现全局对象
((JavascriptExecutor)driver).executeScript("window.zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');");
String name =(String) ((JavascriptExecutor)driver).executeScript("return window.zTreeObj.getNodes()[0].name;");
Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return window.zTreeObj.getNodes().length;");
// 显示js 的结果
System.out.println("treeObj[0].name = " + name);
System.out.println("root nodes count = " + rootCount);
}
@AfterClass
public static void destory() {
System.out.println("destory...");
//关闭浏览器
driver.quit();
}
}