cypress - API 请求调用不在 Cypress 测试中等待

Question

我有一个请求会触发另一个请求，该请求具有稍后测试所需的值。

我对使用该值的代码进行了排队，但它仍然是未定义的。我做错了什么？

let val;
cy.request(api).then(response => {
  return fetch(`url-${response.id}`).then(response2 => {
    val = response2.id
  })
})

cy.then(() => {
  console.log('val', val)  // undefined
})

Answer 1

围绕内部请求添加一个 Promise，并返回它。

Cypress 自动等待 promise 解决。

let val;
cy.request(api).then(response => {
  return new Cypress.Promise(resolve => {
    fetch(`url-${response.id}`).then(response2 => {
      val = response2.id
      resolve()              // signals to Cypress that 2nd request has completed
    })
})

cy.then(() => {
  console.log('val', val)  // passes
})