如何在 Cypress 中重复、圈出 XHR 请求、处理多个 XHR 请求

Question

如何在测试前通过间隔请求？ 我尝试了两种重试请求的方法，但都失败了；

我需要上传一个文件，等待一个成功导入

第一步，我将文件上传到我在 cypress 中的服务器

    before( ()=> {
      //my custom POST command
      cy.form_request(url, data)
        .then(({id}) => {

然后我等待上传文件的 id

          check_It_Till_Success_It(id);
        })
    })

然后将接收到的 id 传递到一个新的请求中以验证其在服务器上的状态，并且需要重复该请求直到文件处理完成。 在下面的解决方案中，它说

CypressError: cy.wait() 只接受路由的别名。 别名：'check_it_request' 与路由不匹配。

  function check_It_Till_Success_It(id) {

    function checkRequest() {
      cy.request("GET", "http://localhost:28080/admin/api/catalog/import/status/" + id)
        .then(({status}) => {
          if (status === "FINISHED" || status === "FAILED") {
            clearInterval(check_It);
          } else {
            console.log('retry one more time');
          }
        }).as('check_it_request');
      cy.wait("@check_it_request");
    }

    checkRequest();

    const check_It =  setInterval(checkRequest, 1000);
  }

或者这是我通过递归请求的另一个解决方案：

  function check_It_Till_Success_It(id) {

    return (
      cy.request("GET", BASE_URL + "/admin/api/catalog/import/status/" + id)
        .then(({status}) => {
          if (status === "FINISHED" || status === "FAILED") {
            console.log('success');
          } else {
            console.log('retry one more time');
            setTimeout(() => check_It_Till_Success_It(id), 1000)
          }
        })
    )
  }

但它抛出一个错误：

未捕获的 CypressError：赛普拉斯检测到您从命令返回了一个承诺，同时还调用了该承诺中的一个或多个 cy 命令。

我究竟做错了什么？

Answer 1

我发现了我的秘密，因为使用了原生 JS 工具作为setTimeout ， setInterval 。

Cypress 不允许使用它们并替换为可控方法： cy.clock和cy.tick

所以我采用了递归实现并替换为上面的方法，我的代码变成了：

  function check_It_Till_Success_It(id) {
    cy.request("GET", BASE_URL + "/admin/api/catalog/import/status/" + id)
      .then(resp => {
        const status = resp.body.status;

        if (status === "FINISHED" || status === "FAILED") {
          console.log('success');

        } else {
          console.log('retry one more time');
          cy.clock();
          cy.tick(1000);
          check_It_Till_Success_It(id)
        }
      })
  }

题外笔记：我是 Cypress 的新手，据我所知，它取代了大部分 js 原生功能，因此需要更仔细地查看文档（宾果游戏！）或查看问题部分，因为某些 JS 特定功能只会使 Cypress 崩溃而没有任何功能通知或捕获的错误，例如：FormData 对象崩溃了 Cypress 的请求方法。