如何将cy.wait()获取的响应内容赋值给变量并在后续步骤复用

Cypress 的所有命令采用异步队列机制执行：你写在测试代码里的cy.xxx命令不会同步立即执行，而是按顺序加入执行队列，等前面的命令全部跑完才会触发。
你声明的外部变量number在cy.get(...).type(number)入队时，cy.wait()的回调还没执行，变量仍然是初始值undefined，所以调用type()时会抛出类型错误。回调内部能正常打印值，是因为回调本身会等接口响应返回后才执行，属于队列中更靠后的步骤。
另外你的代码里还有个语法问题：cy.get(#someELement)的选择器没有加引号，正确写法是cy.get('#someELement')。

方案1：将依赖返回值的逻辑放入cy.wait()的回调内（最简洁） #

不需要声明外部变量存值，直接把所有用到接口返回值的步骤写在回调里，天然保证时序正确：

describe("some test", () => {
  before(() => {
    cy.clearCookies();
  });
  it("some test", () => {
    cy.someCommand();
    clientPage.someMethod();
    cy.intercept("**/request").as("idNumber");
    clientPage.someMethod1();
    cy.wait("@idNumber").then((res) => {
      const number = res.response.body.numbers.id
      cy.get('#someELement').type(number)
      // 后续其他依赖number的步骤都可以写在这里
    });
  });
});

方案2：使用Cypress别名存值，适合跨多段逻辑传值 #

如果后续逻辑拆分比较多，不想全部嵌套在回调里，可以用cy.wrap()把值存为Cypress别名，后续通过cy.get('@别名')取值，Cypress会自动等待值被写入后再执行后续逻辑：

describe("some test", () => {
  before(() => {
    cy.clearCookies();
  });
  it("some test", () => {
    cy.someCommand();
    clientPage.someMethod();
    cy.intercept("**/request").as("idNumber");
    clientPage.someMethod1();
    cy.wait("@idNumber").then((res) => {
      // 将提取到的id存为别名
      cy.wrap(res.response.body.numbers.id).as('targetNumber')
    });
    // 取别名值使用，自动等待前置赋值完成
    cy.get('@targetNumber').then(number => {
      cy.get('#someELement').type(number)
    });
  });
});

• 尽量不要用测试用例外/外层声明的普通let/var变量在Cypress命令之间传递异步返回值，这类变量不受Cypress异步队列管控，非常容易出现时序问题导致拿到undefined。
• 所有依赖异步返回值的逻辑，要么放在对应异步命令的回调内，要么通过Cypress别名、cy.wrap()的方式纳入Cypress的执行队列管控，才能保证取值时序正确。

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