Nightwatch集成测试：Safari浏览器下拉选择框无法选中选项

云上老周

2026-5-19

针对Nightwatch在Safari中无法操作Select Box的解决方案

我之前也碰到过Nightwatch在Safari里操作下拉选择框的坑，结合踩过的经验给你几个可行的方向试试：

1. 启用原生事件并使用Nightwatch原生select命令

Safari对模拟事件的支持和Chrome有差异，你可以先在Nightwatch的Safari配置里开启原生事件，再用内置的select命令尝试：

// 在nightwatch.conf.js的Safari配置中添加
safari: {
  desiredCapabilities: {
    browserName: 'safari',
    enableNativeEvents: true, // 关键配置
    javascriptEnabled: true
  }
}

// 测试代码
browser
  .click('select#your-select-element')
  .select('select#your-select-element', 'option-value-or-display-text');

2. 模拟键盘交互绕过UI弹窗限制

有时候Safari的下拉弹窗不会响应鼠标点击选择，这时候可以尝试用键盘事件来模拟选择流程：

browser
  .click('select#your-select-element') // 打开下拉列表
  .keys([browser.Keys.ARROW_DOWN]) // 按向下箭头选中目标选项（可多次调用选对应项）
  .keys([browser.Keys.ENTER]); // 确认选择

3. 直接设置元素value属性（绕过UI交互）

如果上述方法都无效，最稳妥的方式是直接通过JS修改select元素的value属性，完全绕过UI层面的交互问题：

browser.execute(function(selector, targetValue) {
  const selectElement = document.querySelector(selector);
  if (selectElement) {
    selectElement.value = targetValue;
    // 手动触发change事件，确保页面监听逻辑生效
    selectElement.dispatchEvent(new Event('change'));
  }
}, ['select#your-select-element', 'target-option-value']);