如何在Cypress中满足条件时跳出.then及each循环

你用的cy.wrap(genArr).each()循环没法在满足条件后中断，核心原因是Cypress的异步命令队列机制——.each()会一次性把12次迭代的所有命令都塞进执行队列，就算某次迭代找到了目标月份，后续的循环任务已经排好队了，还是会继续执行。而且.each()的中断逻辑（返回false）是同步生效的，你的条件判断在.then()的异步回调里，根本赶不上中断后续迭代。

递归可以在每次异步操作完成后，再动态决定要不要继续执行，刚好适配这种需要按需停止的场景。

修改后的代码：

export function setCalendarDate(i, month, date) {
  // 定义递归检查函数
  const checkMonth = () => {
    cy.get(LocatorsContact.calendarMonthTitle).eq(i).then(($btn) => {
      const currentMonth = $btn.text();
      if (currentMonth === month) {
        // 找到目标月份，点击日期后结束递归
        cy.get(date).click({force: true});
      } else {
        // 没找到就点击前进按钮，继续递归检查
        cy.get(LocatorsContact.calendarForwardButton).click();
        checkMonth();
      }
    });
  };

  // 启动递归流程
  checkMonth();
}

怕碰到传入的月份不存在这种极端情况？可以加个最大尝试次数，避免死循环：

export function setCalendarDate(i, month, date, maxTries = 12) {
  const checkMonth = (remainingTries) => {
    if (remainingTries <= 0) {
      throw new Error(`找不到目标月份：${month}`);
    }

    cy.get(LocatorsContact.calendarMonthTitle).eq(i).then(($btn) => {
      const currentMonth = $btn.text();
      if (currentMonth === month) {
        cy.get(date).click({force: true});
      } else {
        cy.get(LocatorsContact.calendarForwardButton).click();
        checkMonth(remainingTries - 1);
      }
    });
  };

  checkMonth(maxTries);
}

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