Cypress点击链接触发两次URL请求且第二次缺失路径变量问题咨询

1 选择器匹配到多个元素 #

• 你使用的.html-link类选择器默认会匹配页面上所有带该类名的元素，Cypressclick()命令默认会逐个点击所有匹配到的元素。若第二个匹配到的元素没有绑定事件ID属性，点击后触发的跳转自然会缺失路径变量。
• 验证方法：执行cy.get('.html-link').its('length')输出匹配元素数量，确认是否大于1。
• 修复方案：使用更精确的选择器定位目标元素，例如：

  // 按事件ID属性筛选目标元素
  cy.get('.html-link[data-event-id="458868"]').click({force:true})
  // 或指定仅点击第一个匹配到的元素
  cy.get('.html-link').first().click({force:true})
  

2 前端业务代码事件重复绑定 #

• 目标链接同时绑定了原生click事件和前端框架封装的点击事件，或父元素也绑定了跳转逻辑，单次点击会触发两次跳转逻辑。第二次跳转触发时上下文未获取到事件ID变量，就会出现undefined的情况。
• 验证方法：手动在浏览器点击该链接，查看网络请求是否也会触发两次，排除Cypress操作问题。
• 修复方案：优先修复业务代码的重复事件绑定逻辑；临时规避Cypress用例报错可添加multiple: false参数限制仅触发一次点击：

  cy.get('.html-link').click({force:true, multiple: false})
  

3 force:true参数引发的异常交互 #

• {force:true}会跳过Cypress的元素可交互性检查，若点击时链接处于被遮挡、未完全渲染完成的状态，点击事件可能同时命中链接元素和下方绑定了跳转逻辑的其他元素，触发两次跳转。
• 修复方案：移除force参数，先确认元素可交互再执行点击：

  cy.get('.html-link').should('be.visible').click()
  

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