Cypress如何提取文本数值并转为数字类型实现范围断言

方案1：优化自定义命令（推荐） #

直接在原有自定义命令链路中增加文本清洗、类型转换逻辑，从根源返回标准数字类型值，后续等值断言、区间断言都可以直接使用，无需重复写处理逻辑。
修改support/commands.js中的自定义命令代码如下：

Cypress.Commands.add('readFreightInfo', (OrderID) => {
  return cy.get('.simple-table__cell:nth-child(1)')
    .contains(OrderID)
    .parents("div[role='row']")
    .find('div')
    .eq(2)
    .invoke('text')
    // 去除首尾换行、空格后转换为Number类型
    .then(textStr => Number(textStr.trim()))
})

命令修改完成后，直接使用chai内置的within断言语法即可完成区间校验：

cy.readFreightInfo(10250).should('be.within', 60, 70)

原有等值断言也可以正常兼容，注意浮点数计算存在精度问题，等值判断建议增加精度容差避免偶发失败：

// 允许实际值和预期值误差在0.01范围内
cy.readFreightInfo(10250).should('be.closeTo', 65.83, 0.01)

方案2：不修改原有命令，断言时单独处理 #

如果现有业务逻辑已经依赖原命令返回字符串的格式，不想改动原有命令，可以在断言链路中单独做值转换：

cy.readFreightInfo(10250)
  .then(returnText => Number(returnText.trim()))
  .should('be.within', 60, 70)

常见不生效原因说明 #

• 未做类型转换：原命令返回的是字符串类型，直接和数字做比较、做区间判断时，JS不会自动做隐式转换匹配预期逻辑
• 清洗逻辑不全：只替换换行符没处理首尾空格，或者处理完后没有转成数字类型，依然是字符串格式参与断言

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