如何在Cypress中断言类中的数字文本并输入到计数输入框？

核心逻辑 #

定位目标<td>元素后提取纯数值，验证数值是否符合预期，最后将数值输入到计数输入框。

完整代码示例 #

// 定位目标td元素，获取文本并处理出纯数值
cy.get('td.warning')
  .invoke('text')
  .then((text) => {
    // 清理文本：移除货币符号、负号和空格，得到纯数值字符串
    const differenceValue = text.replace(/[₱ -]/g, '').trim();
    
    // 断言提取的差值是否为10608.90
    expect(differenceValue).to.equal('10608.90');
    
    // 将数值输入到计数输入框（请根据实际页面修改输入框选择器）
    cy.get('input[name="count"]').type(differenceValue);
  });

代码说明 #

• cy.get('td.warning')：精准定位带warning类的目标td元素
• .invoke('text')：获取该元素的文本内容
• 文本处理：用正则/[₱ -]/g匹配并清除货币符号、负号和空格，得到干净的数值字符串
• 断言验证：通过expect确认提取的数值和预期一致
• 输入操作：定位计数输入框后，用.type()方法写入处理好的数值

如果需要以数字类型断言（而非字符串），可以转换类型后验证：

const differenceNum = parseFloat(differenceValue);
expect(differenceNum).to.equal(10608.90);

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