如何用JavaScript定位Salesforce左上角图标并点击？遇ElementNotInteractableException

1. 确保元素完成加载并处于可交互状态 #

即使通过JS获取到元素，也可能因未完全渲染导致不可交互，先添加显式等待：

WebDriverWait wait = new WebDriverWait(driver, 10);
// 先等待shadow root所在的父组件加载
wait.until(ExpectedConditions.presenceOfElementLocated(By.tagName("hgf-c360nav")));

// 获取目标元素后，等待其可点击
WebElement logoImg = (WebElement) js.executeScript("return document.querySelector('hgf-c360nav').shadowRoot.querySelector('.c360-nav__header-logo-img')");
wait.until(ExpectedConditions.elementToBeClickable(logoImg));

2. 直接通过JS执行点击操作 #

若元素因层级遮挡、样式限制无法调用原生click()，用JS模拟点击绕过交互限制：

js.executeScript("document.querySelector('hgf-c360nav').shadowRoot.querySelector('.c360-nav__header-logo-img').click();");

3. 验证Shadow DOM路径准确性 #

Salesforce组件的类名或标签可能随版本变动，打开浏览器开发者工具（F12）确认：

• 确认<hgf-c360nav>标签存在且正确
• 检查其shadowRoot下的.c360-nav__header-logo-img是否为可点击的目标元素（部分图标实际可点击的是外层容器而非图片本身）

4. 处理页面遮挡元素 #

若页面存在加载遮罩、弹窗等遮挡目标元素，先等待遮挡元素消失：

wait.until(ExpectedConditions.invisibilityOfElementLocated(By.cssSelector(".loading-overlay")));

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