如何让Cypress等待后端响应（最长2小时）？解决cy.wait仅30秒局限

方法一：自定义超时+拦截请求等待响应 #

Cypress默认命令超时为30秒，但你可以针对单个命令或全局调整超时时间，结合cy.intercept实现等待直到后端返回响应，最长可设为2小时（7200000毫秒）。

• 拦截目标请求并设置别名：

cy.intercept('POST', '/api/long-running-process').as('longBackgroundTask')

• 触发后台任务（比如点击启动按钮）：

cy.get('#trigger-long-task').click()

• 带自定义超时等待响应完成：

cy.wait('@longBackgroundTask', { timeout: 7200000 }) // 7200000毫秒 = 2小时
  .its('response.statusCode')
  .should('eq', 200)

如果需要全局统一设置超时，可在cypress.config.js中修改：

module.exports = defineConfig({
  e2e: {
    defaultCommandTimeout: 7200000,
    requestTimeout: 7200000,
    responseTimeout: 7200000,
  },
})

方法二：轮询任务状态（适配异步回调场景） #

若后台任务提交后需通过状态接口查询完成情况，可使用递归轮询的方式：

// 定义轮询检查函数
const pollTaskStatus = (taskId) => {
  cy.request(`/api/task-status/${taskId}`)
    .its('body.status')
    .then((status) => {
      if (status !== 'success') {
        // 每隔30秒检查一次，避免频繁请求
        cy.wait(30000)
        pollTaskStatus(taskId)
      }
    })
}

// 启动任务并获取任务ID后开始轮询
cy.get('#start-task-btn').click()
cy.get('#task-id').invoke('text').then((taskId) => {
  pollTaskStatus(taskId)
})

注意事项 #

• 同步调整CI环境的运行超时时间，避免测试被CI提前终止。
• 超长超时会增加测试耗时，仅在必要用例中使用。
• 轮询间隔不宜过短，防止给后端造成不必要的压力。

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