Selenium Actions moveToElement仅在BrowserStack iPhone环境下失效问题

在Angular单页应用的Selenium自动化脚本中，集成BrowserStack后，Mac Safari、Windows Edge、安卓Chrome等平台运行正常，但在iPhone 14 iOS16 Safari环境下，点击元素后执行moveToElement会抛出StaleElementReference异常——提示元素缓存过期，可点击操作本身明明成功执行。

解决方案 #

1. 重新定位元素后执行moveToElement #

点击操作可能触发Angular的DOM更新，导致原元素引用失效。重新定位元素可获取最新的DOM节点引用：

var act = new Actions(driver);
// 初始定位并点击元素
var target = driver.findElement(By.cssSelector("[aria-label=\"nav-search-btn\"]"));
target.click();
// 重新定位元素，获取最新引用
var refreshedTarget = driver.findElement(By.cssSelector("[aria-label=\"nav-search-btn\"]"));
// 执行moveToElement操作
act.moveToElement(refreshedTarget).build().perform();

2. 替换为移动端兼容的交互操作 #

iOS Safari作为移动端浏览器，原生不支持鼠标hover行为，moveToElement属于桌面端专属交互，可根据业务需求替换为适配移动端的操作：

• 若要触发hover效果，改用longPress（长按）：

var act = new Actions(driver);
var target = driver.findElement(By.cssSelector("[aria-label=\"nav-search-btn\"]"));
target.click();
// 用长按替代鼠标移动
act.longPress(target).build().perform();

• 若moveToElement是冗余操作，直接移除该步骤即可。

3. 等待DOM稳定后再执行操作 #

Angular点击后可能存在异步渲染或数据请求，添加显式等待确保元素状态稳定：

var act = new Actions(driver);
var wait = new WebDriverWait(driver, 10);
// 定位并点击元素
var target = wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector("[aria-label=\"nav-search-btn\"]")));
target.click();
// 等待元素重新稳定后获取最新引用
var refreshedTarget = wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector("[aria-label=\"nav-search-btn\"]")));
act.moveToElement(refreshedTarget).build().perform();

问题原因 #

• iOS Safari的WebDriver（基于XCUITest）对元素缓存的管理逻辑与桌面端浏览器不同，Angular的变更检测会触发DOM节点重新渲染，导致原元素引用失效。
• 移动端无鼠标指针，moveToElement这类桌面端操作在iOS Safari上兼容性较差，WebDriver转换操作时易出现元素引用过期问题。

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