Cypress+TypeScript中each循环无法返回值，patientBalance未定义求助

问题根源 #

Cypress的所有命令都是异步执行的，你的getPatientBalance函数里调用了.each()等异步命令，但函数本身是同步返回amount1——这时候异步操作还没完成，amount1根本没被赋值，自然返回undefined。

修正方案：让函数返回异步链 #

修改getPatientBalance，让它返回Cypress的Chainable对象（异步链），利用Cypress的异步流程传递值，同时避免全局变量：

export const getPatientBalance = (claimNumber: string): Cypress.Chainable<number> => {
  return getClaimNumberCells().each((input, index) => {
    const claimText = input.text();
    getChargesTable().scrollTo('right');
    
    if (claimText.includes(claimNumber)) {
      // 找到目标行后，直接提取单元格文本并转换为数值
      return getPatientBalanceCell().eq(index)
        .invoke('text')
        .then(text => {
          const amountStr = text.split('$')[1];
          const amount = parseFloat(amountStr);
          console.log('Amount found:', amount);
          return amount;
        });
    }
  })
  .then(amount => amount); // 传递最终找到的金额
};

正确获取并赋值变量 #

不能直接同步赋值，要通过.then()接收异步返回的结果：

let patientBalance: number;

getPatientBalance(claimNumber).then(balance => {
  patientBalance = balance;
  // 在这里可以直接使用patientBalance，比如断言或后续操作
  expect(patientBalance).not.to.be.undefined;
});

多测试步骤复用变量：使用别名 #

如果要在测试的多个位置复用这个值，推荐用Cypress的别名功能，不需要维护全局变量：

// 先获取余额并设置别名
getPatientBalance(claimNumber).as('patientBalance');

// 后续测试步骤中使用
cy.get('@patientBalance').then(balance => {
  cy.get('#payment-amount').type(balance.toString());
});

// 另一个步骤中复用
cy.get('@patientBalance').should('be.gte', 0);

额外注意事项 #

• 避免使用全局变量存储异步值，容易导致时序问题；
• 用invoke('text')替代.each()获取单元格文本，更简洁高效（单个单元格无需循环）；
• 所有依赖异步值的操作，必须放在.then()或Cypress命令链中，确保值已被正确赋值。

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