Java Selenium测试中获取JavaScript变量进行断言的实现方法

可以直接获取JS变量用于断言 #

你描述的需求完全可以实现，Java 版 Selenium 提供了 JavascriptExecutor 接口可以直接在测试页面执行 JS 代码，返回值可以直接用于断言。

你示例中的场景可以按以下代码实现：

// 1. 模拟点击触发JS函数的按钮
driver.findElement(By.id("targetButton")).click();

// 2. 初始化JS执行器
JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;

// 3. 执行JS获取全局变量值，你示例中的variable未声明作用域，默认挂载在window上
Object jsVariable = jsExecutor.executeScript("return window.variable;");

// 4. 转换类型后断言
Assert.assertEquals(2, Integer.parseInt(jsVariable.toString()));

注意：只有全局作用域（window 对象下）的变量可以通过该方式获取，如果是函数内部的局部作用域变量，无法直接读取。这种场景要么在测试环境下将需要断言的变量临时挂载到 window 作为测试钩子，要么转而去断言该变量最终带来的业务效果。

这类场景的测试最佳实践 #

• 优先断言用户可见的UI变化：如果JS变量的变更最终会体现在页面文本、元素状态、弹窗提示等用户可见的位置，优先做UI层面的断言，更贴近真实用户的使用场景，也不会因为前端重构变量名导致测试用例失效。
• 内部变量断言仅用于无UI变化的场景：只有当点击操作仅修改内部状态、上报数据、缓存数据等没有显性UI变化的逻辑时，再用获取JS变量的方式做断言。
• 异步场景加显式等待：如果按钮点击触发的是异步逻辑（比如请求接口后才修改变量），不要直接执行JS取值，需要添加显式等待逻辑，比如等待变量被赋值、或者等待异步操作完成的标识出现，避免拿到修改前的旧值导致断言失败。
• 做变量存在的兼容处理：执行JS取值时可以添加兼容逻辑避免变量未定义抛出异常，比如将执行的JS语句改为return window.variable ?? undefined;，拿到空值时单独做断言处理即可。

内容的提问来源于stack exchange，提问作者golgetahir