如何在Cypress中拦截相同URL但携带不同Payload的请求？

你的场景是：应用向同一个后端URL发起POST请求，但每个请求的Payload（具体是req.body.query字段）不同，需要验证这些请求都已正确发起。当前代码的问题在于，使用cy.get(alias)获取拦截结果时，所有返回的都是同一个请求的响应——这是因为cy.get(alias)默认返回该别名对应的最后一次拦截记录，而非每次匹配的请求记录。

正确实现方案 #

我们可以为每个特定Payload的请求单独设置拦截规则，确保每个别名对应唯一请求，然后在cy.wait时直接获取对应拦截结果，无需后续调用cy.get。

const requests = ProductList.initialRequestList;
// 生成每个请求对应的唯一别名并创建拦截器
const requestAliases = requests.map(request => {
  const alias = `request_${request.payload.query}`;
  // 仅拦截匹配当前Payload中query字段的请求
  cy.intercept('POST', `${baseUrl}${request.endpoint}`, (req) => {
    if (req.body?.query === request.payload.query) {
      // 可在此添加请求修改、前置验证逻辑
    }
  }).as(alias);
  return alias;
});

cy.visit('/someurl');

// 逐个等待请求完成并验证
cy.wrap(requestAliases).each(alias => {
  cy.wait(alias).then(interception => {
    // 验证请求Payload符合预期
    const matchedRequest = requests.find(r => `request_${r.payload.query}` === alias);
    expect(interception.request.body.query).to.equal(matchedRequest.payload.query);
    // 输出或验证响应内容
    console.log(interception.response.body.message);
  });
});

关键改进点 #

• 精确匹配拦截：每个拦截器只针对特定query的Payload，避免不同请求被同一拦截器混淆捕获。
• 直接获取拦截结果：cy.wait(alias)会返回该别名对应的专属拦截记录，确保拿到的是对应Payload的请求，而非最后一次请求。
• 遍历验证逻辑：通过cy.wrap(...).each逐个等待并验证，保证所有预期请求都被正确发起并响应。

简化验证方式（仅确认请求发起） #

如果不需要单独验证每个请求的响应，仅需确认所有指定Payload的请求都已发起，可以用数组收集所有请求的query字段：

const expectedQueries = requests.map(r => r.payload.query);
const actualQueries = [];

// 拦截该URL下的所有POST请求
cy.intercept('POST', `${baseUrl}${requests[0].endpoint}`, (req) => {
  if (req.body?.query) {
    actualQueries.push(req.body.query);
  }
}).as('allRequests');

cy.visit('/someurl');

// 等待请求完成（可根据实际情况调整等待逻辑，比如等待固定时间或直到请求数量达标）
cy.wait('@allRequests').then(() => {
  // 验证所有预期的query都出现在实际请求中
  expect(actualQueries).to.deep.include.members(expectedQueries);
});

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