Cypress多弹窗问题：部分弹窗断言失败提示元素不可见

你的代码报错核心原因是：cy.get(".ui-dialog")会获取页面上所有匹配该类名的元素——包括之前弹窗关闭后仍存在但已隐藏（display:none）的弹窗。当后续弹窗出现时，页面上同时存在多个.ui-dialog元素，其中隐藏的那些不满足should('be.visible')断言，因此触发报错。第一个弹窗能正常运行，是因为此时页面上只有这一个.ui-dialog元素。

修正方案 #

1. 精准定位当前激活的弹窗 #

直接筛选出处于显示状态的弹窗，避免拿到隐藏的旧弹窗：

cy.get(".ui-dialog[style='display:block']") // 精准匹配激活状态的弹窗
  .should('be.visible')
  .within(() => {
    cy.get(".ui-dialog-buttonset").contains("Yes").click({force: true});
  });

或者用:visible伪类筛选可见元素：

cy.get(".ui-dialog:visible") // 只获取可见的弹窗元素
  .within(() => {
    cy.get(".ui-dialog-buttonset").contains("Yes").click({force: true});
  });

2. 简化断言逻辑 #

should('be.visible')已经包含了对元素display属性的判断（可见元素必然不会是display:none），无需额外断言not.have.attr，避免冗余判断可能带来的冲突。

3. 确认IFrame切换操作 #

因为弹窗在IFrame内，务必确保Cypress已经切换到目标IFrame上下文后再执行弹窗操作。如果之前没有切换IFrame，需要添加切换代码：

// 先切换到IFrame
cy.get('iframe') // 替换成你的IFrame选择器
  .its('0.contentDocument.body')
  .then(cy.wrap)
  .within(() => {
    // 在这里执行弹窗相关操作
    cy.get(".ui-dialog:visible")
      .within(() => {
        cy.get(".ui-dialog-buttonset").contains("Yes").click({force: true});
      });
  });

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