WebdriverIO异步模式下调用browser.keys()后如何设置等待间隔？

核心问题原因 #

你原逻辑在异步模式下不生效的核心原因是Array.forEach不支持等待异步回调执行完成，会一次性触发所有按键和暂停调用，本质还是高速输入，所以无法达到预期效果。

解决方案1：轻量逐字输入（最优适配需求） #

直接改用for...of循环配合await即可完全复刻同步模式下的逻辑，不需要做复杂的值对比判断：

/**
 * 低速输入文本适配缺陷掩码组件
 * @param {Element} inputElement WebdriverIO输入框元素对象
 * @param {string} text 要输入的原始文本
 * @param {number} delay 每次按键后的等待时长，单位ms，默认100
 */
async function slowType(inputElement, text, delay = 100) {
  // 先激活输入框，避免焦点丢失导致按键失效
  await inputElement.click();
  // 逐个输入字符，每次输入后等待指定时长
  for (const char of text) {
    await browser.keys(char);
    await browser.pause(delay);
  }
}

调用示例：

const targetInput = await $('#你的输入框选择器');
await slowType(targetInput, '123456');

解决方案2：增强版（可选，适配焦点丢失场景） #

如果测试过程中存在输入框意外失焦导致漏输的情况，可以增加焦点校验逻辑：

async function slowType(inputElement, text, delay = 100) {
  await inputElement.click();
  for (const char of text) {
    // 输入前校验焦点，失焦则重新激活
    if(!await inputElement.isFocused()) {
      await inputElement.click();
    }
    await browser.keys(char);
    await browser.pause(delay);
  }
}

补充说明 #

你之前尝试waitUntil不生效的核心原因是掩码组件的实际返回值和你输入的原始字符存在格式差异，上述两个方案都是模拟手动低速输入的行为，完全适配缺陷掩码组件的输入要求，不需要做值对比校验，实现成本远低于waitUntil方案。

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