Cypress测试中if-else条件语句使用报错及正确示例请求

错误原因分析 #

1. 语法错误：你在if语句后错误添加了箭头函数符号=>，这不符合JS语法规范，if条件块直接用{}包裹即可。
2. 异步命令误用：cy.get()是Cypress的异步命令，返回的是Chainable对象而非布尔值，直接放在if条件中无法正确判断元素是否存在。

正确实现代码 #

以下是两种可靠的条件测试写法：

写法1：通过元素长度判断存在性

describe('sample tests', () => {
  it('conditional test', () => {
    cy.visit('https://example.cypress.io/commands/actions');
    
    // 获取元素并判断长度，确定是否存在
    cy.get('input[placeholder*="Email"]').its('length').then(length => {
      if (length > 0) {
        cy.get('input[placeholder*="Email"]').type('email-1@mail.com');
      } else {
        cy.visit('https://www.google.com/');
      }
    });
  });
});

写法2：使用cy.then()结合DOM元素判断

describe('sample tests', () => {
  it('conditional test', () => {
    cy.visit('https://example.cypress.io/commands/actions');
    
    // 尝试获取元素，通过then回调处理结果
    cy.get('body').then($body => {
      if ($body.find('input[placeholder*="Email"]').length > 0) {
        cy.get('input[placeholder*="Email"]').type('email-1@mail.com');
      } else {
        cy.visit('https://www.google.com/');
      }
    });
  });
});

注意事项 #

• Cypress不推荐过度使用条件测试，因为测试应保持确定性。若必须使用，需基于DOM元素的实际存在状态判断。
• 所有条件判断必须放在then()回调中处理异步结果，避免直接在if条件中使用Cypress命令。

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