如何用Playwright+TypeScript对比定位器元素值与输入值？

你遇到的核心问题是直接对Locator对象做断言，而非先获取它指向元素的实际文本/值，导致Playwright在对比定位器本身而非单元格内容。以下是针对不同场景的解决方案：

场景1：单元格为普通文本元素（如div、span、td） #

需要先获取元素的文本内容再断言，或使用Playwright内置的文本断言方法：

// 方式1：先获取文本再断言
const cellText = await page.locator('你的单元格定位器').textContent();
expect(cellText).toContain(inputValue);

// 方式2：直接链式断言（更简洁）
await expect(page.locator('你的单元格定位器')).toHaveText(expect.stringContaining(inputValue));

场景2：单元格为表单输入元素（如input、textarea） #

若目标是表单元素的值，toHaveValue是正确方法，但需确保定位器指向表单元素，且使用异步断言：

// 完全匹配断言
await expect(page.locator('你的输入框定位器')).toHaveValue(inputValue);

// 部分匹配断言
await expect(page.locator('你的输入框定位器')).toHaveValue(expect.stringContaining(inputValue));

常见注意事项 #

• 禁止直接断言Locator对象，必须通过await获取元素内容，或使用Playwright提供的异步断言方法
• 确保定位器唯一指向目标单元格，避免定位到多个元素导致断言失败
• 若文本存在多余空格，可先做格式化处理：

  const cellText = await page.locator('你的定位器').textContent();
  expect(cellText.trim()).toContain(inputValue.trim());
  

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