Selenium触发ElementClickInterceptedException拦截元素与目标元素一致如何解决

• 元素身份识别错误：你所认为的「拦截元素与目标元素为同一个」是误判，报错日志中两个元素的class属性存在明确差异：你尝试点击的目标元素是vs-button-success类的成功状态按钮，实际接收点击的是vs-button-warning类的警告状态按钮，二者是完全独立的DOM节点。你仅校验了警告按钮的选择器唯一性，没有同步校验成功按钮的存在情况，才会出现二者为同一元素的错误判断。
• 动态状态切换时序问题：这类同位置多按钮切换的交互，通常由业务逻辑控制状态展示，例如操作前展示成功按钮，触发某类校验后切换为警告按钮。如果Selenium执行点击的时机刚好落在两个按钮的切换间隙，旧按钮还未从DOM中移除、新按钮已经渲染到同一坐标位置，就会触发点击拦截异常。
• 过渡动画导致元素叠加：如果按钮切换时配置了淡入淡出、位移等CSS过渡效果，在动画执行过程中两个按钮会在同一坐标位置短暂叠加，即使逻辑上仅应该展示一个按钮，浏览器渲染层仍会同时存在两个可见/半可见元素，此时chromedriver的点击判定会触发拦截异常。
• 旧版本驱动的坐标判定缺陷：你使用的chromedriver 95属于较早版本，存在多类已知的元素坐标计算缺陷：当页面缩放比例不为100%、元素应用了transform变换、页面存在固定悬浮头遮挡时，会导致chromedriver计算的元素点击坐标和实际元素位置不符，出现误判为其他元素接收点击的问题。

• 调整定位逻辑，直接定位最终可交互的按钮，添加显式等待确保目标按钮处于可点击状态后再执行操作，参考代码：

new WebDriverWait(driver, Duration.ofSeconds(10))
  .until(ExpectedConditions.elementToBeClickable(By.cssSelector("button.vs-button-success")))
  .click();

• 如果是状态切换场景，可先等待旧状态按钮从DOM中移除，再操作新状态按钮，避免时序冲突
• 排查按钮切换的动画逻辑，必要时在测试环境临时禁用过渡动画，避免渲染层叠加问题
• 升级chromedriver到与当前Chrome浏览器版本匹配的最新稳定版，修复已知的坐标计算缺陷

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