Cypress条件测试问题：如何跳过未显示的Cookie通知步骤？

你的代码问题出在Cypress异步特性的错误使用和无效的条件判断逻辑，具体问题和修正方案如下：

原代码的核心问题 #

1. 同步if判断不适用Cypress异步命令：cy.get("body")返回的是Cypress链式对象，不是直接的DOM元素。直接用$body.find(...)作为if条件时，即使没有匹配到弹窗元素，jQuery空对象在JS中仍为真值，导致条件永远成立，弹窗不存在时执行点击会报错。
2. shouldSkip不是合法语法：Cypress不需要手动声明跳过，只要不执行对应代码即可自动进入后续步骤。

修正后的代码方案 #

方案一：基于body元素的条件判断 #

利用jQuery的length属性判断元素是否存在，结合Cypress的.then()处理异步逻辑：

// cookies notification close button
it('handles cookies notification', () => {
  cy.get('body').then($body => {
    // 检查弹窗是否存在
    const cookiePopup = $body.find('.pg-layer.cookie.pg-layer-open.state-app-home')
    if (cookiePopup.length > 0) {
      // 弹窗存在则点击关闭按钮
      cy.get('.fa-fw.far.fa-times.fa-1-5x.mxn.material-icons').click()
    }
    // 弹窗不存在则直接跳过，执行后续操作
  })
})

方案二：直接针对弹窗元素设置容错（Cypress 12+） #

使用failOnNotFound: false选项避免元素不存在时报错，再判断是否执行点击：

// cookies notification close button
it('handles cookies notification', () => {
  cy.get('.pg-layer.cookie.pg-layer-open.state-app-home', { failOnNotFound: false })
    .then($popup => {
      if ($popup.length) {
        cy.get('.fa-fw.far.fa-times.fa-1-5x.mxn.material-icons').click()
      }
    })
})

方案三：简化版（直接针对关闭按钮） #

如果关闭按钮只在弹窗显示时存在，可以直接对按钮设置容错，不存在时自动跳过：

// cookies notification close button
it('handles cookies notification', () => {
  cy.get('.fa-fw.far.fa-times.fa-1-5x.mxn.material-icons', { failOnNotFound: false })
    .click({ force: true }) // 可选：force参数防止元素被遮挡导致点击失败
})

额外建议 #

为了选择器的稳定性，建议给关闭按钮添加data-testid属性（比如data-testid="close-cookie-popup"），之后用cy.get('[data-testid="close-cookie-popup"]')定位，避免因CSS类名变更导致测试失效。

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