Selenium C#点击Target网站复选框触发ElementClickInterceptedException怎么解决

你当前代码存在两处明显问题：

1. 选择的input ID错误：你要点击的「checking availability before a store trip」对应的input ID是checkAvailabilityBeforeStoreTrip，但代码中写的是buyOnlineAndGetShipped，ID不匹配
2. 点击拦截原因：Target站点的自定义复选框组件将原生input元素设置为层级低于视觉装饰元素，直接点击原生input会被上层的styles__CheckboxVisual-sc-1v63imw-5元素拦截

你可以选择以下任意一种方案解决：

• 方案1：点击绑定的label元素
  label的for属性和input已经绑定，点击label等同于点击input，不会被上层元素拦截，代码示例：

  WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
  // 点击反馈按钮
  IWebElement feedbackButton = wait.Until(d => d.FindElement(By.ClassName("Feedback__Prompt-h2r4q4-1")));
  feedbackButton.Click();
  // 等待复选框对应的label加载完成后点击
  IWebElement checkboxLabel = wait.Until(d => d.FindElement(By.CssSelector("label[for='checkAvailabilityBeforeStoreTrip']")));
  checkboxLabel.Click();
  

• 方案2：使用JavaScript执行点击，绕过元素层级限制
  Selenium原生点击需要遵循页面元素可见、层级最高的规则，JS触发点击可以直接绕过该限制：

  WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
  IWebElement feedbackButton = wait.Until(d => d.FindElement(By.ClassName("Feedback__Prompt-h2r4q4-1")));
  feedbackButton.Click();
  // 等待目标input加载完成
  IWebElement targetCheckbox = wait.Until(d => d.FindElement(By.Id("checkAvailabilityBeforeStoreTrip")));
  // 执行JS点击
  IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
  js.ExecuteScript("arguments[0].click();", targetCheckbox);
  

• 方案3：直接修改input的checked属性
  如果你只需要将复选框设置为选中状态，不需要模拟点击效果，可以直接通过JS修改属性值：

  // 加载完input后执行
  js.ExecuteScript("arguments[0].checked = true;", targetCheckbox);
  

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