Nightwatch在Safari 11中无法选中HTML Select元素选项的求助

针对你遇到的Safari 11里无法通过Nightwatch操作原生Select元素的问题，我来分享几个针对性的解决方案——毕竟Safari对系统级控件（比如原生下拉菜单）的自动化支持确实和Chrome、Firefox有不少差异：

1. 手动设置选中索引并触发Change事件 #

你之前尝试的原生JS代码只修改了selectedIndex，但Safari在自动化环境下不会自动触发change事件，这会导致页面逻辑没有感知到选项变化。试试在代码里手动触发事件：

this.api.execute(function(){ 
  const selectDatePicker = document.querySelector('[data-qa="select-day"] select');
  selectDatePicker.selectedIndex = 2;
  // 手动创建并触发change事件，确保页面更新
  const changeEvent = new Event('change', { bubbles: true });
  selectDatePicker.dispatchEvent(changeEvent);
});

这个方法绕开了对系统下拉菜单的直接操作，直接修改DOM状态并触发必要事件，通常能解决大部分Safari的Select自动化问题。

2. 尝试Nightwatch内置的Select命令 #

Nightwatch 0.9.x版本其实提供了专门操作Select元素的select命令，它内部已经处理了不同浏览器的兼容逻辑，你可以直接试试：

this.select('[data-qa="select-day"] select', 'index=2');

这里的index=2对应你要选中的选项索引（从0开始计数），也可以用value=xxx或者label=xxx来指定选项，根据你的需求调整。

3. 优化点击+按键的等待逻辑 #

如果你还是想用点击下拉菜单+按键的方式，要注意Safari的系统下拉菜单展开需要一定时间，之前的代码可能因为没有足够的等待时间导致按键无效。试试添加合理的暂停：

this.click('[data-qa="select-day"] select')
  .pause(500) // 等待下拉菜单展开
  .keys(['\uE015']) // 按下箭头选择目标选项
  .pause(100) // 给Safari足够的响应时间
  .keys(['\uE006']); // 回车确认

注意暂停时间可以根据BrowserStack的网络和设备性能调整，比如从500ms增加到1000ms试试。

4. 检查BrowserStack的Safari配置 #

确保你在BrowserStack的capabilities配置里开启了Safari的自动化支持，比如：

capabilities: {
  browserName: 'safari',
  browser_version: '11.0',
  'bstack:options': {
    os: 'OS X',
    osVersion: 'High Sierra',
    safari: {
      automation: true, // 启用自动化控制
      allowAllCookies: true
    }
  }
}

错误的配置可能导致Safari限制自动化脚本对系统控件的操作。

优先试试第一种方法，它是最稳定的，因为直接操作DOM并触发事件，不受系统控件的限制。如果还是不行，可以结合第二种或第三种方法再测试。

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