Cypress中如何等待多个Promise返回数据：自定义API类执行异常排查

两个层面的执行机制冲突，完全匹配你观察到的运行现象：

• Cypress的it测试块不会自动等待内部调用的async方法执行完成，只有当it的回调函数返回一个Promise时，Cypress才会按照配置的超时时间，等待这个Promise的状态变更后再判定用例结果。你原来的代码在it里只是同步调用了msg.GetMessage()，没有把这个方法返回的Promise透传出去。当GetMessage内部完成await this.isReady()、判断进入if分支、开始等待receiveMsg接口响应的时候，Cypress已经跑完了it回调里的所有同步代码，直接将用例标记为通过，提前终止了后续流程。
• 手动嵌套的Promise包装打断了Cypress的命令链追踪。cy.request本身是Cypress命令队列中的标准命令，返回的对象天然支持链式调用和async/await语法，你在回调里手动new Promise做resolve，本质上是冗余操作，还会让Cypress的调度器无法正确识别后续需要执行的命令。

1. 移除冗余的手动Promise包装 #

把isReady和receiveMsg方法中多余的then回调、手动new Promise逻辑全部删掉，直接返回cy.request的调用结果即可。改造后的方法逻辑如下：

isReady() {
  return cy.request({
    method: 'GET',
    url: "http://127.0.0.1:5000/isready"
  })
}

receiveMsg() {
  return cy.request({
    method: 'GET',
    url: "http://127.0.0.1:5000/getMsg"
  })
}

2. 打通异步流程的返回值链路 #

确保GetMessage方法内部的所有异步操作都通过async/await完整串联，不需要在内部手动处理Promise的resolve逻辑，同时把最终获取到的消息作为方法返回值，方便后续测试断言使用：

async GetMessage() {
  const status = await this.isReady()
  if (status.body.send === true) {
    const message = await this.receiveMsg()
    cy.log("-- 接收到的消息: ", message)
    return message
  }
}

3. 调整测试块的调用方式 #

在it块的回调函数里，必须将GetMessage()方法的返回值直接return给Cypress，才能触发等待逻辑：

it("Receive Message", function(){
  // 必须return async方法的返回Promise，Cypress才会等待整个流程执行完成
  return msg.GetMessage()
})

• 不要在Cypress命令的回调中手动嵌套原生Promise去包装命令返回值，这会打断Cypress的命令队列追踪机制，容易出现命令执行顺序错乱、提前结束、日志不打印等问题
• Cypress对async/await语法的支持基于标准Promise规范，只要全链路的返回值没有中断，async方法内部的所有Cypress命令都会被正常调度，不需要额外做Promise适配
• 原代码中用==做相等判断属于不规范写法，建议改成===做严格判断，避免隐式类型转换带来的判断错误

内容的提问来源于stack exchange，提问作者philein-sophos