如何基于IF ELSE语句跳过Cypress测试用例？

问题原因 #

你当前的代码中，this.skip()在cy.get("body").then()的回调里执行时，受Cypress异步命令队列机制影响，测试上下文的this指向异常，无法正确触发跳过逻辑；另外如果页面加载延迟，cy.get("body")执行时元素未渲染完成，还会出现误判元素不存在的情况。

正确实现方式 #

方案1：同步DOM查询（推荐） #

直接使用Cypress.$（jQuery别名）同步检查元素是否存在，规避异步命令的上下文问题：

it('verifies the release carousel', function () {
  // 同步检查页面中是否存在目标元素
  const hasReleaseHeading = Cypress.$('[data-cy="release-heading"]').length > 0;

  if (hasReleaseHeading) {
    loginPage.releaseHeader().should('be.visible');
    loginPage.releaseImage().should('be.visible');
    loginPage.releaseTitle().should('be.visible');
  } else {
    this.skip(); // 此时this指向当前测试用例上下文，可正确跳过
  }
})

方案2：修正异步回调中的跳过逻辑 #

如果必须通过异步命令判断元素状态，改用Cypress.currentTest.skip()替代this.skip()，确保能正确访问当前测试实例：

it('verifies the release carousel', function () {
  cy.get("body").then($body => {
    if ($body.find('[data-cy="release-heading"]').length > 0) {
      loginPage.releaseHeader().should('be.visible');
      loginPage.releaseImage().should('be.visible');
      loginPage.releaseTitle().should('be.visible');
    } else {
      Cypress.currentTest.skip(); // 直接通过Cypress对象获取当前测试实例并执行跳过
    }
  })
})

注意事项 #

• 不要用箭头函数定义测试用例（即it('name', () => {})），否则this无法指向测试上下文，this.skip()会失效。
• 若元素是动态加载的，可在检查前添加cy.wait()，或使用cy.get('[data-cy="release-heading"]', { timeout: 5000 }).then()配合超时设置，避免因加载延迟导致的误判。

内容的提问来源于stack exchange，提问作者Ziya I. Erogul