在 Cypress 中使用 API 调用时如何避免 .then() 嵌套？

Question

我和我的团队正在尝试找到一种更易读的方法来处理 Cypress 中的依赖 API 调用。现在我们有一些类似这样的代码：

// nested code
      cy.request('GET', myUrl).its('body').then(res => {
        cy.request('GET', res).its('body').then(subRes => {
          cy.request('GET', subRes).its('body').then(subSubRes => {
            expect(subSubRes, myMessage).to.eq(myEvaluation);
          })
        })
      })

我们也考虑过这个解决方案，但我认为我们在可读性方面并没有获得太多。

// less nested code?
      let response;
      let subResponse;
      cy.request('GET', myUrl).its('body').then(res => {
        response = res;
      })
      
      cy.then(() => {
        cy.request('GET', response).its('body').then(subRes => {
          subResponse = subRes;
        })
      })

      cy.then(() => {
        cy.request('GET', subResponse).its('body').then(subSubRes => {
          expect(subSubRes, myMessage).to.eq(myEvaluation);
        })
      })

您有什么想法可以在不进入金字塔的情况下处理这种逻辑吗？提前致谢！

Answer 1

就像是

cy.request('GET', myUrl).its('body')
    .then(res => cy.request('GET', res).its('body'))
    .then(subRes => cy.request('GET', subRes).its('body'))
    .then(subSubRes => {
        expect(subSubRes, myMessage).to.eq(myEvaluation);
    });

应该管用。