Cypress测试未等待cy.request()响应即通过的问题求助

你的测试提前通过，核心原因是Cypress没有等待makeReqs()的异步操作完成。Cypress的测试执行逻辑依赖自身的命令队列，或者明确返回Promise来告知测试需要等待异步任务。

修复步骤 #

1. 让测试函数返回Promise

修改测试代码，返回makeReqs()的Promise链，这样Cypress会等待整个异步流程结束后再判断测试结果：

it('My test', () => {
  return makeReqs().then((res)=> {
    console.log(res);
    // 这里替换成你的断言，比如：
    expect(res).to.have.property('key', 'expectedValue');
  })
})

2. 重构makeReqs()，利用Cypress原生异步处理

手动创建Cypress.Promise是多余的，Cypress会自动跟踪cy.request这类命令的执行。可以直接通过链式调用处理依赖请求，同时用cy.wrap包裹原生Promise（你的first()函数），让Cypress等待它完成：

function first() {
  return new Promise((resolve) => {
    // 你的异步逻辑
    resolve('response');
  })
}

function makeReqs() {
  return cy.wrap(first()).then((res) => {
    // 用res构造请求参数
    const reqObj = { 
      // 示例：url, method, body等，使用res的值
      url: '/api/second-request',
      method: 'POST',
      body: { token: res }
    };
    // 返回cy.request的结果，并提取data字段
    return cy.request(reqObj).its('data');
  });
}

关键原理说明 #

• Cypress的cy.系列命令（比如cy.request）会被加入内部命令队列，Cypress会依次执行并自动等待每个命令完成。
• 如果使用原生Promise（比如你的first()函数），必须用cy.wrap()将其转换为Cypress可跟踪的命令，否则Cypress不会等待它的结果。
• 测试函数返回Promise时，Cypress会等待该Promise resolve后再结束测试，确保断言在异步操作完成后执行。

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