Angular页面使用Selenium选择下拉框遇问题，求解决方案

Angular的mat-select是自定义UI组件，并非原生HTML的<select>标签，所以原生Selenium的Select类方法完全不适用。针对这类组件，你可以尝试以下几种可靠方案：

方案1：先展开下拉框再选择选项 #

这是最贴合用户交互逻辑的方式，分两步执行：

1. 定位并点击mat-select元素，触发下拉列表展开
2. 等待目标mat-option加载完成后，点击选择

// 定位mat-select组件（替换为你页面的实际定位器，比如formcontrolname、id）
WebElement selectTrigger = new WebDriverWait(getDriver(), Duration.ofSeconds(10))
        .until(ExpectedConditions.elementToBeClickable(By.cssSelector("mat-select[formcontrolname='salutation']")));
selectTrigger.click();

// 定位目标选项（可通过文本、value属性定位，这里示例用文本匹配）
WebElement targetOption = new WebDriverWait(getDriver(), Duration.ofSeconds(10))
        .until(ExpectedConditions.elementToBeClickable(By.xpath("//mat-option/span[text()='先生']")));
targetOption.click();

方案2：用JavaScript强制触发点击 #

如果普通点击或Actions操作失效（比如Angular的变更检测未同步），可以直接通过JS执行点击：

JavascriptExecutor js = (JavascriptExecutor) getDriver();

// 展开下拉框
WebElement selectElement = new WebDriverWait(getDriver(), Duration.ofSeconds(10))
        .until(ExpectedConditions.presenceOfElementLocated(By.id("salutation-select")));
js.executeScript("arguments[0].click();", selectElement);

// 选择目标选项
WebElement optionElement = new WebDriverWait(getDriver(), Duration.ofSeconds(10))
        .until(ExpectedConditions.presenceOfElementLocated(By.cssSelector("mat-option[value='Mr']")));
js.executeScript("arguments[0].click();", optionElement);

关键优化点 #

1. 抛弃绝对XPath：你之前用的/html/body/div[1]/div[4]/...这种绝对路径极易失效，一旦页面布局变化就会报错，改用相对定位（比如通过组件的formcontrolname、id或文本内容定位）
2. 延长等待时间：Angular组件渲染依赖变更检测，5秒等待可能不够，建议延长到10秒
3. 排查上下文问题：如果下拉框在iframe或Shadow DOM中，需要先切换到对应上下文再定位元素

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