Selenium如何定位含aria-activedescendant属性的下拉框元素

这种下拉框属于ARIA虚拟下拉组件，不是原生<select>标签，DOM不会随选项展开实时更新，只能通过ARIA属性或键盘事件来处理，给你几个可行的方案：

方案1：用回车替代点击完成选择 #

你之前的操作已经能高亮选项，但点击没效果——这类组件很多需要回车确认选择，修改你的Action链试试：

public void SelectSpecialist() 
{
    LabelSpecialist.Click(); // 展开下拉框
    Actions actions = new Actions(_webDriver);
    // 按两次下箭头定位到目标选项，再用回车确认选择
    actions.SendKeys(Keys.Down)
           .SendKeys(Keys.Down)
           .SendKeys(Keys.Enter)
           .Build().Perform();
}

方案2：通过aria-activedescendant定位选项元素 #

虽然下拉展开后DOM没变化，但aria-activedescendant的值就是当前高亮选项的ID，你可以直接定位这个ID对应的元素并操作：

public void SelectSpecialist() 
{
    LabelSpecialist.Click(); // 展开下拉框
    IWebElement dropdown = LabelSpecialist;
    // 按两次下箭头定位到第二个选项，获取它的ID
    Actions actions = new Actions(_webDriver);
    actions.SendKeys(Keys.Down).SendKeys(Keys.Down).Perform();
    string activeOptionId = dropdown.GetAttribute("aria-activedescendant");
    
    // 定位到对应的选项元素，若元素隐藏则用JS执行点击
    IWebElement targetOption = _webDriver.FindElement(By.Id(activeOptionId));
    ((IJavaScriptExecutor)_webDriver).ExecuteScript("arguments[0].click();", targetOption);
}

方案3：直接通过JS设置值并触发事件 #

如果是React/Vue这类前端框架渲染的组件，可以直接用JavaScript设置下拉框的绑定值，再触发change事件：

public void SelectSpecialist() 
{
    // 假设下拉框的输入元素有id="specialist-input"
    IWebElement input = _webDriver.FindElement(By.Id("specialist-input"));
    // 设置目标选项文本
    ((IJavaScriptExecutor)_webDriver).ExecuteScript("arguments[0].value = '目标选项文本';", input);
    // 触发change事件让组件识别值的变化
    ((IJavaScriptExecutor)_webDriver).ExecuteScript("arguments[0].dispatchEvent(new Event('change'));", input);
}

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