Selenium WebDriver Edge浏览器下combo-box选项选择偶发失效问题

原有实现代码 #

public static void select_Smart_ComboBox_WithCode(String object, String data) {
    WebElement ele = getLocatorObject(object); 
    ele.clear();
    ele.sendKeys(data + Keys.ARROW_RIGHT);
    String objID = ele.getAttribute(id);  
    driver.findElement(By.cssSelector(div[id= + objID.substring(0, objID.indexOf("_")) + ] div[id= + data + ] span[class=ffb-match])).click(); 
}

问题现象 #

上述方法在Chrome浏览器中可稳定执行，在Edge浏览器中存在偶发执行失败的问题。

排查思路 #

• 时序兼容性问题：Edge的渲染、事件响应节奏与Chrome存在差异，原有逻辑输入内容后立即查找下拉选项，未给下拉层留出渲染加载时间，偶发出现元素未生成就执行查找的情况
• 语法容错差异：原有代码存在两处语法不严谨问题：一是getAttribute传入的id未加引号，二是CSS选择器的属性值未用引号包裹；Edge对不规范前端代码、Selenium定位语法的容错率低于Chrome，低概率出现解析失败
• 事件触发差异：原有逻辑将输入内容和ARROW_RIGHT按键一次性发送，Edge下部分场景中输入事件还未完成同步就触发方向键，导致下拉选项未按预期加载
• 动态属性时序问题：目标组合框为动态渲染组件，Edge下元素id的生成时机略晚于Chrome，偶发出现取id时拿到null值，导致后续字符串截取逻辑抛出空指针异常

修复方案 #

直接替换为如下优化后的实现即可解决Edge偶发失败问题：

public static void select_Smart_ComboBox_WithCode(String object, String data) {
    WebElement ele = getLocatorObject(object); 
    ele.clear();
    // 先发送输入内容，等待输入值同步到组件后再触发方向键
    ele.sendKeys(data);
    // 等待输入框value属性匹配传入值，适配不同浏览器的事件响应速度
    WebDriverWait inputWait = new WebDriverWait(driver, Duration.ofSeconds(3));
    inputWait.until(ExpectedConditions.attributeToBe(ele, "value", data));
    ele.sendKeys(Keys.ARROW_RIGHT);

    String objID = ele.getAttribute("id");
    // 增加id合法性校验，提前拦截异常场景
    if (objID == null || !objID.contains("_")) {
        throw new RuntimeException("当前组合框元素id不符合规则，无法定位下拉选项");
    }
    String parentContainerId = objID.substring(0, objID.indexOf("_"));
    // 修正CSS选择器语法，属性值添加引号，用显式等待等待选项可点击后再操作
    By targetOption = By.cssSelector("div[id='" + parentContainerId + "'] div[id='" + data + "'] span[class='ffb-match']");
    WebDriverWait optionWait = new WebDriverWait(driver, Duration.ofSeconds(5));
    optionWait.until(ExpectedConditions.elementToBeClickable(targetOption)).click();
}

核心优化点 #

• 修正原有代码的语法疏漏：getAttribute参数补全引号，CSS选择器属性值统一用单引号包裹，适配Edge的语法解析规则
• 拆分输入与按键触发步骤，增加输入值校验等待，确保输入内容完全同步到组件后再触发下拉，避免事件时序问题
• 增加id属性合法性校验，避免动态id未生成导致的空指针异常
• 替换立即查找元素的逻辑为显式等待，最多等待5秒直到目标选项可点击再执行点击，从根本上解决不同浏览器渲染速度差异导致的偶发定位失败问题

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