Cypress中满足条件时如何返回布尔值并终止循环？

原问题代码 #

isPackagePresent: function (packageTitle) {
 var res;
 cy.get(viewResultsPageObj.packagesContainer).each(($mediaPackage) => {
   cy.wrap($mediaPackage).within(() => {
    cy.get(viewResultsPageObj.packageTitle).then(($ele) => {
      let actualTitle = removeWhiteSpace($ele.text());
      if (actualTitle.includes(removeWhiteSpace(packageTitle))) {
        res = true;
        cy.log("insisde if");
        return;
       }
      });
     });
   });
  cy.log("res" + res);
  cy.log("end");
  }

问题描述 #

在上述代码片段中，当if条件匹配时会打印"insisde if"，但无法执行return跳出each循环，也无法将res变量设为true。现需实现遍历viewResultsPageObj.packagesContainer元素，满足条件时终止迭代并返回true或false。

解决方案 #

方法1：同步遍历元素文本，中断循环并返回结果 #

先一次性获取所有目标元素，用jQuery的each同步处理文本判断，找到匹配项后直接中断循环，最后返回结果：

isPackagePresent: function (packageTitle) {
  const trimmedTarget = removeWhiteSpace(packageTitle);
  let isFound = false;

  cy.get(viewResultsPageObj.packageTitle).then(($titles) => {
    // 用jQuery的each同步遍历，返回false可中断循环
    $titles.each((index, el) => {
      const actualTitle = removeWhiteSpace(Cypress.$(el).text());
      if (actualTitle.includes(trimmedTarget)) {
        isFound = true;
        cy.log("找到匹配的包");
        return false; // 中断遍历
      }
    });
  }).then(() => {
    cy.log(`最终匹配结果：${isFound}`);
    return isFound; // 返回结果供后续测试步骤调用
  });
}

方法2：用filter简化判断逻辑 #

如果不需要复杂的遍历中断逻辑，直接用filter筛选符合条件的元素，通过长度判断是否存在：

isPackagePresent: function (packageTitle) {
  const trimmedTarget = removeWhiteSpace(packageTitle);

  return cy.get(viewResultsPageObj.packageTitle)
    .filter((index, el) => {
      // 自定义筛选条件：处理空格后包含目标文本
      return removeWhiteSpace(Cypress.$(el).text()).includes(trimmedTarget);
    })
    .its('length')
    .then(length => {
      const exists = length > 0;
      cy.log(`包是否存在：${exists}`);
      return exists;
    });
}

问题根源说明 #

1. 异步时序问题：原代码中res无法被正确赋值，是因为外部的cy.log会在each内部的异步cy.get操作完成前执行，此时res仍为undefined。
2. return作用域限制：原代码中的return只能跳出最内层的($ele) => {}回调函数，无法中断外层的Cypresseach循环，因为每个each回调都是独立的异步任务。

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