Cypress中执行cy.type()时如何避免自动触发点击事件

触发点击的底层逻辑 #

Cypress 的 .type() 命令设计目标是完全模拟真实用户的输入行为：真实用户在元素上输入内容前，必然会先点击元素使其获得焦点，因此默认逻辑下，.type() 执行前会自动对目标元素触发一次点击操作，无论元素当前是否已经处于聚焦状态。
你遇到的先调用 .click() 再调用 .type() 触发两次点击的问题，正是手动调用的点击和 .type() 内置的前置点击叠加导致的。

避免自动点击的解决方案 #

• 方案1：关闭 .type() 内置点击配置（推荐）
  如果你使用的是 Cypress v12.8.0 及以上版本，可以直接在 .type() 的第二个参数中添加 { click: false }，即可跳过输入前的自动点击逻辑，仅保留输入能力：

  // 使用前请确保目标元素已经处于聚焦状态，否则输入可能不生效
  cy.contains(".rt-tr", "Taoh").type("{downarrow}", { click: false });
  

• 方案2：手动触发键盘事件（兼容旧版本 Cypress）
  如果你使用的是不支持 click: false 配置的旧版本 Cypress，可以直接手动触发对应键盘事件，完全绕过 .type() 的默认逻辑：

  cy.contains(".rt-tr", "Taoh")
    .focus() // 先确保元素聚焦
    .invoke('trigger', 'keydown', {
      key: 'ArrowDown',
      code: 'ArrowDown',
      which: 40
    });
  

• 方案3：直接依赖内置点击
  如果你的场景本身就需要点击元素完成聚焦，可以去掉手动调用的 .click()，仅保留 .type()，这样只会触发一次内置的点击操作，符合预期：

  cy.contains(".rt-tr", "Taoh").type("{downarrow}");
  

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