如何从Cypress中.then函数中的for循环返回值

Question

//command.ts
Cypress.Commands.add("getRunID"): any => {
return cy.getData().then((response: any) => {     
      var JsonResponse: any = response.body;
      var id: any = [];
      for (var i = 0; i < JsonResponse.Items.length; i++) {
        id[i] = JsonResponse.Items[i].Id;
      }
    
      var runID: any;
//looping through previous response id and passing that into URL(each id i am checking response , where the response is not null,I will get the runID)
      for (var i = 0; i < id.length; i++) {     
        let url = "**url+id[i]**"      
        cy.request({
          method: "Get",
          url: url,
          headers: {
            "Content-Type": "application/json",
            accept: "application/json",
          },
        }).then((response) => {
          
          if (response.body.Items.length !== 0) {  //condition for fetching runID 
            var runId = response.body.Items[0].Id;
            return runId;  **//not returning value**         
          }
        });
      } //for loop end
 });
}

//Test.ts -test file
cy.getRunID().then((result)=>{console.log(result)})

我想从方法

runId

（这是 command.ts 中的命令）返回

getRunID

。

我认为问题是

runId

设置在

if

循环内，并且我无法返回此 id，因为 for 循环继续运行。

因此返回

null

id。我该如何解决这个问题？

Answer 1

您不能混合异步命令

cy.request()

和同步循环，因为代码需要等待请求完成。

因此，最后进行

cy.then()

调用以等待所有先前的

cy.request()

，然后执行

cy.wrap()

以使

runId

成为命令的结果。

Cypress.Commands.add("getRunID") => {
    ...

  } //for loop end
  cy.then(() => {   <-- now requests are finished
    cy.wrap(runId)  <-- set the command result
  })
})