Safari操作常规下拉框丢失window_handle致会话超时问题求助

问题现象复盘 #

先帮你梳理下核心问题，我之前也碰到过几乎一模一样的场景：

• 选择下拉框选项后，选项列表无法收起，页面完全锁死无法交互，最终会话超时
• 点击下拉框后尝试选择选项时，Selenium直接抛出元素未找到异常
• 关键线索：操作后window_handles丢失，且仅在Safari 11中出现，Chrome/Firefox等浏览器完全正常

可能的根源分析 #

结合你的环境（Safari 11 + Selenium 3.4.0 + React/Redux应用），大概率是这几个原因叠加导致的：

1. Safari对原生<select>的事件处理差异：Safari在处理下拉框展开/选择时，会触发特殊的窗口焦点事件，容易导致Selenium的会话上下文丢失
2. Selenium Driver版本兼容性：3.4.0版本的Safari Driver对React的异步渲染支持不足，尤其是Redux状态更新后的DOM变化捕捉存在延迟
3. React虚拟DOM渲染延迟：下拉框选项是动态渲染的，Selenium的点击操作可能在DOM完全更新前执行，直接导致元素查找失败

针对性解决方案 #

1. 改用Selenium原生逻辑操作下拉框（最推荐）

避免直接点击选项，用更可靠的方式模拟选择并手动触发事件，绕过Safari的事件兼容问题：

// 在Nightwatch中封装一个专门的下拉框选择方法
selectDropdownOption: function(selectId, targetValue) {
  return this.api.execute(function(selector, value) {
    const selectEl = document.getElementById(selector);
    const targetOption = selectEl.querySelector(`option[value="${value}"]`);
    // 设置选中状态
    targetOption.selected = true;
    // 手动触发change事件，确保React/Redux捕获到状态变化
    selectEl.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
  }, [selectId, targetValue]);
}

调用方式：this.selectDropdownOption('dropDownId', '1');

2. 手动维护窗口上下文，防止丢失window_handle

既然已经发现了window_handles丢失的现象，操作前后强制切换回当前窗口：

this.api.windowHandles(function(result) {
  const currentWindow = result.value[0];
  // 先点击展开下拉框
  this.click('dropDownId', () => {
    // 强制切回当前窗口，避免Safari跳转到无效上下文
    this.switchWindow(currentWindow);
    // 等待选项可见后再执行点击
    this.waitForElementVisible('option[value="1"]', 5000);
    this.click('option[value="1"]');
  });
});

3. 增加显式等待，适配React异步渲染

React+Redux的状态更新会导致DOM异步变化，一定要加显式等待，不要直接链式执行操作：

// 展开下拉框
this.click('dropDownId');
// 等待选项出现并可见
this.waitForElementPresent('option[value="1"]', 5000);
this.waitForElementVisible('option[value="1"]', 5000);
// 点击选项后等待下拉框收起
this.click('option[value="1"]');
this.waitForElementNotVisible('option[value="1"]', 5000);

4. 升级Selenium Driver版本（可选但有效）

Safari 11搭配Selenium 3.4.0确实存在不少已知的兼容性问题，如果你能升级到3.141.59（经典稳定版），很多这类奇怪的上下文丢失问题会自动修复。

额外注意事项 #

• 确保Safari已开启远程自动化：偏好设置→高级→勾选「显示开发菜单」，然后在开发菜单中选择「允许远程自动化」
• 操作下拉框后留100-200ms的间隔，再执行后续页面操作，给Safari足够的事件处理时间

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