如何定位并点击带有aria-controls属性的WebDriver元素？

嘿，我之前也碰到过类似的情况，这种带有辅助属性或者嵌套隐藏元素的按钮，确实容易让Selenium的原生Click()方法失效。给你几个实用的解决方案，你可以挨个试试：

1. 用显式等待确保元素可交互 #

很多时候点击失败不是定位的问题，而是元素还没完全加载好就触发了点击。用显式等待能确保元素处于可点击状态：

var wait = new WebDriverWait(WebNavigator.Driver, TimeSpan.FromSeconds(10));
var dropBtn = wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("//div[@id='pedigree-controls']/div[2]/div/div/button")));
dropBtn.Click();

2. 用JavaScript强制触发点击 #

如果元素因为样式层级、可见性限制导致原生点击失效，直接用JS执行点击是个万能方案，它能绕过很多交互限制：

var dropBtn = WebNavigator.Driver.FindElement(By.XPath("//div[@id='pedigree-controls']/div[2]/div/div/button"));
IJavaScriptExecutor js = (IJavaScriptExecutor)WebNavigator.Driver;
js.ExecuteScript("arguments[0].click();", dropBtn);

3. 换更精准的定位方式 #

你的XPath层级有点深，容易因为页面结构变化失效。可以试试结合aria-controls属性或者class来定位：

• 用CSS选择器结合aria-controls：

// 把这里的'your-controls-id'替换成按钮aria-controls属性的实际值
var dropBtn = WebNavigator.Driver.FindElement(By.CssSelector("button[aria-controls='your-controls-id']"));
dropBtn.Click();

• 用class组合定位：

var dropBtn = WebNavigator.Driver.FindElement(By.CssSelector("#pedigree-controls > div:nth-child(2) > div > div > button.dropbtn"));
dropBtn.Click();

4. 用Actions模拟鼠标点击 #

如果是点击位置误触到了内部的visually-hidden span，试试用Actions类模拟鼠标移动到元素中心再点击：

var dropBtn = WebNavigator.Driver.FindElement(By.XPath("//div[@id='pedigree-controls']/div[2]/div/div/button"));
Actions actions = new Actions(WebNavigator.Driver);
actions.MoveToElement(dropBtn).Click().Perform();

一般来说，先试试显式等待，不行就换JS点击，这两个方案解决这类问题的概率很高。

内容的提问来源于stack exchange，提问作者Eduardo Almeida Rodrigues