WebdriverIO中setValue/addValue在Edge浏览器失效且超时，请求技术协助

排查与修复步骤 #

• 匹配EdgeDriver与浏览器版本
  确保本地EdgeDriver版本和Microsoft Edge浏览器版本完全一致——版本不兼容是跨浏览器自动化问题的核心诱因之一。通过edge://version/查看浏览器版本，下载对应版本的EdgeDriver替换现有驱动。

• 优化元素定位策略
  Edge与Chrome的页面渲染结构可能存在细微差异，更换更稳定的定位方式：

  • 优先使用id、data-testid这类专属标识，避免依赖易变的className或tagName
  • 若目标元素在iframe内，必须先切换到对应iframe再执行操作：browser.switchToFrame(iframeElement)

• 添加显式等待确保元素可交互
  Edge的页面渲染速度可能慢于Chrome，直接调用setValue时元素可能未完全就绪，添加显式等待：

  const targetElement = $('#target-element');
  targetElement.waitForDisplayed({ timeout: 10000 });
  targetElement.waitForEnabled({ timeout: 10000 });
  targetElement.setValue('your-input-value');
  

• 用JS注入替代原生方法
  若setValue/addValue仍失效，直接通过JS操作DOM并触发输入事件：

  const targetElement = $('#target-element');
  browser.execute((el, value) => {
    el.value = value;
    el.dispatchEvent(new Event('input', { bubbles: true }));
  }, targetElement, 'your-input-value');
  

  这种方式绕过WebdriverIO封装，直接与DOM交互，可规避驱动层面的兼容性问题。

• 调整Edge浏览器自动化设置
  关闭可能干扰自动化的浏览器设置：

  • 关闭「增强安全模式」（设置→隐私、搜索和服务→增强安全模式）
  • 禁用所有浏览器扩展，或尝试在无头模式下运行脚本：browser.options.headless = true

• 更新WebdriverIO依赖
  旧版本WebdriverIO可能存在Edge驱动的兼容性bug，执行命令更新核心依赖：

  npm update webdriverio @wdio/cli
  

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