Playwright测试自动计算字段时断言失败问题咨询

看起来你遇到了Playwright中动态计算字段断言的常见坑，我来帮你梳理下可能的原因和解决办法：

核心问题：混淆了表单元素的内容获取方式 #

首先最可能的原因是你用错了断言方法——如果fvf_salePrice是一个输入框（<input>）或者文本域（<textarea>），这类表单元素的内容是存在value属性里的，而不是元素的文本内容（textContent）。toHaveText是用来获取<div>、<span>这类元素显示的文本，对输入框来说自然拿不到值，只会返回空字符串。

解决办法：改用toHaveValue断言 #

把你的断言代码改成这样：

await expect.soft(predictPrice).toHaveValue(salePrice, {timeout: 5000});

额外的优化建议 #

除了断言方法的问题，还有几个点可以帮你避免类似问题：

• 等待异步计算完成：有时候页面的计算是异步触发的（比如依赖AJAX或者防抖函数），单纯加timeout可能不够可靠。可以用waitForFunction来精准等待值更新：

  await page.waitForFunction(
    (selector, expected) => document.querySelector(selector).value === expected,
    '#fvf_salePrice',
    salePrice,
    {timeout: 5000}
  );
  // 之后再做断言
  await expect.soft(predictPrice).toHaveValue(salePrice);
  

• 处理浮点数精度差异：你用toFixed(8)生成了8位小数，但页面上的计算逻辑可能返回的小数位数不同（比如只保留2位或者有不同的四舍五入规则），导致断言不匹配。可以考虑：

  • 把预期值和实际值都转换成数字后比较，忽略小数位数差异：

    const actualValue = await predictPrice.inputValue();
    expect.soft(parseFloat(actualValue)).toBeCloseTo(parseFloat(salePrice), 2); // 保留2位精度比较
    

  • 或者先获取页面上的实际值，再和预期值做字符串匹配时允许一定的格式差异。

• 确认选择器的准确性：虽然你说试过多种选择器，但可以再确认下选择器对应的元素是否正确——比如在浏览器控制台用document.querySelector('#fvf_salePrice')检查，看看返回的元素是不是你要的那个输入框，有没有可能存在同名元素（比如iframe里的元素？不过你是在chromium测试，应该可以排除）。

如果改成toHaveValue之后还是有问题，可以试试打印实际获取到的value值，看看是什么：

const actual = await predictPrice.inputValue();
console.log('实际获取到的值:', actual);
console.log('预期值:', salePrice);

这样能更直观地看到差异在哪里。

备注：内容来源于stack exchange，提问作者Dmitrij Nugmanov