C# Selenium：如何点击shadow-root(open)内带data-testid属性的按钮

普通的Selenium元素定位方法无法直接穿透shadow-root，必须先获取承载shadow-root的宿主元素，再通过JavaScript访问shadow root内部的DOM结构，之后才能定位并点击目标按钮。结合你提到的data-testid属性（测试专用属性，定位更稳定），具体实现步骤如下：

步骤1：定位shadow宿主元素 #

首先找到包含目标shadow-root的宿主元素，注意你原代码中XPath的id包含空格，大概率是输入错误，实际页面中该元素的id应该是无空格的（比如uc-center-container），请根据实际页面结构调整定位方式：

// 等待宿主元素加载完成，避免元素未就绪导致定位失败
WebDriverWait wait = new WebDriverWait(webDriver, TimeSpan.FromSeconds(10));
IWebElement shadowHost = wait.Until(d => d.FindElement(By.Id("uc-center-container")));

步骤2：获取shadow-root #

通过Selenium的JavaScript执行器，从宿主元素中获取shadow-root：

IJavaScriptExecutor jsExecutor = (IJavaScriptExecutor)webDriver;
IWebElement shadowRoot = (IWebElement)jsExecutor.ExecuteScript("return arguments[0].shadowRoot", shadowHost);

步骤3：定位并点击目标按钮 #

利用data-testid属性在shadow-root内部定位按钮（替换为你实际的data-testid值，可从页面源码或截图中获取）：

IWebElement targetButton = wait.Until(d => shadowRoot.FindElement(By.CssSelector("[data-testid='你的按钮testid值']")));
targetButton.Click();

注意事项 #

• 如果页面存在多层嵌套的shadow-root，需要逐层重复上述步骤，依次进入每一层shadow-root后再定位元素。
• 优先使用data-testid或其他稳定属性定位，避免依赖页面层级结构的XPath，防止页面布局变化导致定位失效。

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