如何在Cypress中更新别名@priceValue为转换后的分数值

你原有代码的问题是没有把math.fraction(priceValue)的返回值传递到命令链，也没有重新绑定别名，所以无法更新原有别名的取值。
直接在处理转换的回调中返回转换后的分数值，紧接着调用.as()方法覆盖原有别名即可，修改后的代码如下：

// 获取原始文本并存为别名
priceElements.priceButton().first().invoke("text").as("priceValue");

// 校验、转换格式并更新别名
cy.get("@priceValue")
  .then((priceValue) => {
    expect(priceValue).contains("/");
    // 返回转换后的分数值，传递给下一个命令链节点
    return math.fraction(priceValue);
  })
  // 将转换后的值重新绑定到@priceValue别名，完成更新
  .as("priceValue");

使用说明 #

• 后续同一测试用例内调用cy.get("@priceValue")，拿到的都是转换后的分数对象，可直接调用分数相关的计算方法
• 如果你需要保留原始文本别名，可以将更新后的别名命名为其他名称（比如@priceFraction），避免覆盖原始值
• Cypress别名的生命周期跟随当前测试用例，同一用例内多次调用.as()绑定同一个别名时，后绑定的取值会覆盖之前的取值

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