Protractor 5.3.1无法发送TAB或ENTER按键的技术问题求助

我之前也碰到过类似的Protractor按键识别坑，给你几个实测有效的解决思路试试：

• 先确保元素处于聚焦状态再发送按键
  有时候元素没获得焦点，直接调用sendKeys自然没反应。可以先通过鼠标点击或者Actions API来聚焦元素，再发送按键：

  const originInput = page.getOrigin();
  // 先聚焦输入框
  browser.actions().mouseMove(originInput).click().perform();
  // 再发送ENTER键
  originInput.sendKeys(protractor.Key.ENTER);
  

• 用Actions API模拟完整的按键按下/释放过程
  直接sendKeys有时候不够稳定，模拟真实的按键触发流程（按下再松开）更贴近用户操作：

  // 模拟ENTER键
  browser.actions()
    .keyDown(protractor.Key.ENTER)
    .keyUp(protractor.Key.ENTER)
    .perform();
  
  // 如果是TAB键，替换成下面的
  browser.actions()
    .keyDown(protractor.Key.TAB)
    .keyUp(protractor.Key.TAB)
    .perform();
  

• 直接触发表单提交事件
  如果你的搜索功能是绑定在表单上的，直接调用表单的submit()方法比模拟按键更直接可靠：

  // 假设你能定位到搜索对应的form元素
  page.getSearchForm().submit();
  

• 等待元素完全可交互再操作
  页面如果有异步加载、动画或者元素状态变化，过早发送按键会失效。可以加个显式等待确保元素处于可交互状态：

  const EC = protractor.ExpectedConditions;
  // 等待输入框可点击，超时时间5秒
  browser.wait(EC.elementToBeClickable(page.getOrigin()), 5000);
  page.getOrigin().sendKeys(protractor.Key.ENTER);
  

• 用原生JS强制触发按键事件
  如果上面的方法都不管用，试试直接通过执行JavaScript来模拟键盘事件：

  const originInput = page.getOrigin();
  browser.executeScript((element) => {
    // 构造ENTER键的keydown事件
    const enterEvent = new KeyboardEvent('keydown', {
      key: 'Enter',
      bubbles: true,
      cancelable: true
    });
    element.dispatchEvent(enterEvent);
  }, originInput);
  

另外你提到点击搜索按钮但搜索没真正执行，也可以检查下按钮是否有disabled状态未解除，或者点击后是否需要等待某个异步请求完成，加个等待逻辑可能也能解决问题。

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