Selenium（C#）仅修改首个下拉菜单，其余无响应问题排查

使用Selenium编写C#单元测试，验证批量下拉菜单的选项加载与功能逻辑。通过FindElements结合XPath获取所有结构相同的下拉菜单（当前共5个，数量可能变动），在foreach循环中逐一修改选项时，首个菜单可正常切换，后续菜单仅触发点击动作但选项无变化。已尝试添加显式等待、隐式等待及Thread.Sleep()，问题仍未解决。

原测试代码 #

public bool editMessages(IWebDriver driver, String option) 
{
    WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
    IWebElement selectOption;
    foreach (var selectBox in driver.FindElements(By.XPath("(//div[@class = 'col-4']//select)")))
    {
        selectBox.Click();
        selectOption = selectBox.FindElement(By.XPath($"//option[text() = '{option}']"));
        Thread.Sleep(1000);
        selectOption.Click();
    }
    return false;
}

页面HTML结构 #

<div class="col-4" ng-show="editMessagesMode" aria-hidden="false" style="">
  <span>
    <select class="selectbox ng-pristine ng-valid ng-not-empty ng-valid-required  ng-touched" name="messageSelect" ng-model="message.status" required="" ng-change="updateSelectedMessageValues(message.message_id, value)" style="height: 35px; width: 100%; float: left; margin-top: -11px; padding: 1px; color: rgb(0, 85, 165);" ng-options="c.value as ('MESSAGE_TYPE_' + c.value) | translate for c in selectMessages" aria-invalid="false">
      <option disabled="" translate="SELECT" value="" class="">Select</option>
      <option label="In-Active" value="number:0">In-Active</option>
      <option label="Cups-On" value="number:1" selected="selected">Cups-On</option>
      <option label="Cups-Off" value="number:2">Cups-Off</option>
      <option label="Both" value="number:3">Both</option>
    </select>
  </span>
</div>

问题根源 #

核心问题在于选项的XPath定位范围错误：

• 代码中使用//option[text() = '{option}']是全局搜索DOM，每次都会返回第一个匹配文本的option元素，而非当前操作的下拉菜单（select）下的子选项。
• 后续循环中，点击的始终是第一个下拉菜单里的选项，而非当前循环对应的菜单内的选项，导致视觉上仅首个菜单生效。

解决方案 #

方案1：修正XPath为相对路径 #

将选项的XPath从全局搜索//改为相对当前select元素的.//，限定搜索范围为当前select的子节点：

public bool editMessages(IWebDriver driver, string option) 
{
    WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
    foreach (var selectBox in driver.FindElements(By.XPath("//div[@class='col-4']//select")))
    {
        // 等待下拉菜单可交互
        wait.Until(d => selectBox.Enabled && selectBox.Displayed);
        selectBox.Click();
        
        // 使用相对路径查找当前select下的目标选项
        IWebElement selectOption = wait.Until(d => selectBox.FindElement(By.XPath($".//option[text()='{option}']")));
        selectOption.Click();
        
        // 可选：等待Angular模型更新，避免操作冲突
        Thread.Sleep(500); // 优先用显式替代Sleep，此处为示例
    }
    return true; // 根据实际测试逻辑调整返回值
}

方案2：使用Selenium官方SelectElement类（推荐） #

Selenium提供了专门处理下拉菜单的SelectElement类，无需手动点击展开和选择，逻辑更稳定，尤其适配Angular这类框架生成的控件：

using OpenQA.Selenium.Support.UI; // 需要引入Selenium.Support NuGet包

public bool editMessages(IWebDriver driver, string option) 
{
    WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
    foreach (var selectBox in driver.FindElements(By.XPath("//div[@class='col-4']//select")))
    {
        // 等待元素就绪后初始化SelectElement
        wait.Until(d => selectBox.Enabled && selectBox.Displayed);
        SelectElement select = new SelectElement(selectBox);
        
        // 根据文本直接选择选项，自动处理下拉展开与选择逻辑
        select.SelectByText(option);
        
        // 可选：等待Angular的ng-change事件处理完成（针对Angular页面）
        wait.Until(d => ((IJavaScriptExecutor)driver).ExecuteScript("return angular.element(document.body).scope().$$phase === null"));
    }
    return true;
}

额外注意事项 #

• 确保option参数的文本与页面上的option文本完全一致（包括大小写、空格），若使用Angular翻译，需保证测试环境语言设置匹配。
• 尽量避免依赖Thread.Sleep()，优先使用显式等待等待元素状态或框架异步操作完成，提升测试稳定性。
• 针对Angular页面，可通过JavaScriptExecutor等待Angular的digest循环结束，确保DOM更新完成后再执行下一步操作。

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