在 Playwright 中获取输入元素的值

Question

我如何返回 elem 的值，以便我可以验证它是真的1？

const elem = await page.$('input#my-input')
await elem.fill('1')

Answer 1

最简单的方法是使用$eval. 在这里你会看到一个小例子：

const playwright = require("playwright");

(async () => {
  const browser = await playwright.chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.setContent(`<input id="foo"/>`);
  await page.type("#foo", "New value")
  console.log(await page.$eval("#foo", el => el.value))
  await page.screenshot({ path: `example.png` });
  await browser.close();
})();

Answer 2

inputValue Playwright v1.13.0 添加了方法

await page.inputValue('input#my-input');

它input.value为选定的<input>或<textarea>元素返回。抛出非输入元素。阅读更多。

Answer 3

从版本 1.19（可能还有更低版本）开始，不推荐使用 Element Handler。而不是使用定位器。

page.locator(selector).innerText()

在你的情况下断言它将是

expect(page.locator("input#my-input").innerText().includes("1")).toBeTruthy()

了解更多信息： https ://playwright.dev/docs/api/class-elementhandle#element-handle-fill