Cypress为Promise返回的每个列表项生成测试时提示无测试的解决方法

Cypress的测试收集流程是同步执行的：测试文件加载时，Cypress会立刻同步执行所有describe回调，收集其中定义的it块生成最终的测试列表，收集完成后才会开始运行测试逻辑。
你把it块定义写在getproduct()异步请求的.then回调里，属于延迟注册：等异步请求返回、准备注册it的时候，Cypress早就完成了用例收集流程，根本检测不到后续追加的测试块，自然抛出"No tests found"错误。

方案1：顶层await预加载数据（推荐） #

目前所有维护版本的Cypress都原生支持ES模块顶层await，你可以在describe块外部就拉取完所有需要的产品数据，之后同步遍历数据生成独立it块即可。这种方式完全符合Cypress的用例收集规则，每个产品对应独立测试用例，单个用例失败不会影响其他产品的校验。
示例代码：

const markets = [...];
const types = [...];
const element = '...';

// 测试文件加载阶段就拉取完所有测试数据
const allTestProducts = [];
for (const market of markets) {
  for (const type of types) {
    const res = await getproduct(market, type);
    res.body.products.forEach(product => {
      allTestProducts.push({
        market,
        product,
        testUrl: getUrl(/* 传入对应参数拼接产品访问地址 */)
      })
    })
  }
}

describe('全量产品元素校验', () => {
  // 同步遍历预加载完成的产品列表，逐个生成独立测试用例
  allTestProducts.forEach(({ market, product, testUrl }) => {
    it(`校验${market}市场产品${product.id || product.name}元素存在`, () => {
      cy.visit(testUrl);
      cy.get(`#${element}`).should("exist");
    })
  })
})

如果你的getproduct是基于Cypress.$.ajax实现的，记得把它包装成标准Promise返回，才能被await正常接收结果。

方案2：旧版本兼容方案（无顶层await场景） #

如果你的Cypress版本低于10，不支持顶层await，可以通过「before钩子预加载数据+占位用例」的方式实现：

const markets = [...];
const types = [...];
const element = '...';
// 提前估算单市场单类型下的最大产品数量，作为占位用例的生成基数
const MAX_PRODUCT_PER_GROUP = 200;

describe('全量产品元素校验', () => {
  const productStore = [];

  // 第一个钩子先拉取所有产品数据，存在闭包变量中
  before(async () => {
    for (const market of markets) {
      for (const type of types) {
        const res = await getproduct(market, type);
        res.body.products.forEach(product => {
          productStore.push({
            market,
            product,
            testUrl: getUrl(/* 拼接产品地址 */)
          })
        })
      }
    }
  })

  // 占位用例：等待数据加载完成
  it('等待测试数据加载', () => {
    cy.wrap(productStore).should('not.be.empty')
  })

  // 提前生成固定数量的用例占位，运行时匹配对应索引的产品数据
  const totalPlaceholder = MAX_PRODUCT_PER_GROUP * markets.length * types.length;
  for (let idx = 0; idx < totalPlaceholder; idx++) {
    it(`产品校验#${idx}`, function() {
      const currentProduct = productStore[idx];
      // 索引位无对应产品时直接跳过用例
      if (!currentProduct) this.skip();

      cy.visit(currentProduct.testUrl);
      cy.get(`#${element}`).should("exist");
    })
  }
})

这个方案的缺点是需要提前估算单组产品的最大数量，会生成部分空的占位用例（运行时自动跳过），优先选择顶层await的方案。

• 不要在单个it块内部循环遍历所有产品做校验，这种写法会导致单个产品校验失败时，整个it块直接终止，后续产品不会继续执行。
• 不要尝试在测试运行阶段动态追加it块，Cypress不支持测试流程启动后再注册新的测试用例。

内容的提问来源于stack exchange，提问作者Jan Horčička