Cypress如何等待所有匹配拦截规则的同类API请求全部完成

cy.wait("@别名") 默认仅会等待第一个匹配到的请求返回，要等待所有符合规则的locize接口请求完成后再执行后续步骤，可使用以下两种可靠方案：

方案1：固定请求数批量等待（适合请求数量固定不变的场景） #

如果确认首页加载时触发的locize接口请求数量固定，可以给cy.wait()传入对应数量的别名引用，Cypress会依次等待所有匹配请求完成后再往下执行：

cy.intercept({
  method: "GET",
  url: "https://api.locize.app/**",
}).as("languages");
cy.visit("/");
// 示例：共触发5个匹配请求时，传入5个别名项即可
cy.wait(["@languages", "@languages", "@languages", "@languages", "@languages"]);

这个方案写法简单，但可维护性差，一旦业务调整导致接口请求数变化，测试用例就会失败。

方案2：动态断言所有请求完成（通用推荐方案） #

直接使用cy.get("@languages.all")不生效的核心原因是没有搭配断言触发Cypress的自动重试机制：执行这条命令时部分请求可能还未发起或处于pending状态，没有重试逻辑的话只会拿到当前时刻的请求列表，达不到等待效果。
正确写法是先确认所有请求都已触发，再通过断言持续重试，直到所有匹配请求都处于完成状态：

cy.intercept({
  method: "GET",
  url: "https://api.locize.app/**",
}).as("languages");
cy.visit("/");

// 先确认所有locize请求都已触发：优先等页面核心渲染元素出现（比固定等待时间更稳定）
// 替换成页面上语言包加载完成后才会渲染的元素选择器即可
cy.get("#app").should("be.visible");

// 重试断言直到所有匹配请求都完成
cy.get("@languages.all").should((requests) => {
  // 校验所有收集到的请求状态均为已完成
  expect(requests.every(req => req.state === "Complete")).to.be.true;
});

如果不好确定哪个元素是请求全部触发后才渲染的，也可以用短时间固定等待替代元素等待，根据页面实际加载速度调整等待时长即可，一般设置500-1000ms足够覆盖首页初始化请求的触发窗口：

cy.visit("/");
cy.wait(1000); // 等待所有初始化请求触发
cy.get("@languages.all").should((requests) => {
  expect(requests.every(req => req.state === "Complete")).to.be.true;
});

相关参考截图：

• 请求数量截图
• 测试日志截图

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