如何在Cypress中实现CAPTCHA自动化，无法获取元素id/class怎么办

1. CAPTCHA 自动化操作实现方案 #

• 优先在测试环境关闭CAPTCHA校验：联动开发配置测试环境白名单规则，指定测试账号、测试IP段访问时直接跳过验证码校验，是当前业内主流的处理方案，无需额外开发适配脚本，稳定性最高。
• 若测试流程必须覆盖CAPTCHA逻辑：可要求后端提供测试环境专属万能验证码接口，测试时直接调用接口获取固定有效验证码填入即可，参考代码：

// 调用测试环境接口获取万能验证码
cy.request('POST', '/api/test/get-valid-captcha').then((res) => {
  // 填入验证码输入框
  cy.get('input[name="captcha"]').type(res.body.master_captcha)
})

注意：禁止尝试识别破解生产环境CAPTCHA，既不符合测试规范，也会违反平台使用协议。

2. 无id/class属性的元素定位方案 #

不需要依赖id、class属性也可以实现精准定位，常用定位方式如下：

• 利用元素独有属性定位：使用name、placeholder、data-*等自定义属性筛选，参考代码：
  cy.get('input[placeholder="请输入验证码"]')
cy.get('button[data-action="submitForm"]')
• 基于层级关系定位：结合父元素、相邻元素的特征缩小定位范围，参考代码：
  // 定位表单内第2个输入框
  cy.get('.form-wrap').find('input').eq(1)
  // 定位提交按钮前的密码输入框
  cy.contains('提交').prev('input')
• 基于文本内容定位：针对带固定展示文本的元素直接用contains方法匹配：
  cy.contains('button', '立即登录')

对应问题的表单场景参考图如下：

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