如何在Protractor中多次触发BACKSPACE或ENTER按键事件？

嘿，完全不用重复写代码行来实现！重复代码不仅冗余，后续维护起来也麻烦，这里有几个更优雅的方案：

方案1：直接生成重复按键序列传递给sendKeys #

Protractor的sendKeys方法支持接收一个按键数组，我们可以利用数组填充来快速生成重复的按键序列：

// 给目标输入框连续按5次Backspace
element(by.id('your-input-id')).sendKeys(Array(5).fill(protractor.Key.BACK_SPACE));

// 给按钮连续按3次Enter
element(by.id('submit-button')).sendKeys(Array(3).fill(protractor.Key.ENTER));

Array(times).fill(key)会创建一个长度为times的数组，每个元素都是你要触发的按键常量，sendKeys会依次执行数组里的每个按键操作。

方案2：封装成可复用工具函数（推荐） #

如果你的测试用例里经常需要重复触发按键，把这个逻辑封装成函数会更高效，代码也更整洁：

// 封装重复按键的异步函数
async function pressKeyMultipleTimes(targetElement, key, repeatTimes) {
  const keySequence = Array(repeatTimes).fill(key);
  await targetElement.sendKeys(keySequence);
}

// 使用示例：给输入框按6次Backspace
await pressKeyMultipleTimes(element(by.id('username-input')), protractor.Key.BACK_SPACE, 6);

// 使用示例：连续按2次Enter提交
await pressKeyMultipleTimes(element(by.id('confirm-btn')), protractor.Key.ENTER, 2);

用async/await是因为Protractor的元素操作都是异步的，这样能保证按键操作按顺序执行，避免异步问题。

方案3：循环逐个触发（不推荐，但可选） #

如果你觉得数组填充的方式不够直观，也可以用循环来逐个触发按键，但这种写法不如前两种简洁：

async function pressKeyMultipleTimes(targetElement, key, repeatTimes) {
  for (let i = 0; i < repeatTimes; i++) {
    await targetElement.sendKeys(key);
  }
}

总的来说，方案1适合简单的单次场景，方案2适合需要多次复用的场景，都比重复写N行sendKeys要优雅得多。

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