是否可以在 Playwright JS 选择下拉列表中获取当前选定的文本？

Question

我可以在选择下拉列表中设置值。但是当我调用 textContent 时，它返回所有选项值。 我的任务是通过提取值并检查它来验证设置值是否正确选择。

Playwright JS 有支持吗？

我尝试了不同的解决方案。

其中之一在下面，但它不起作用

const selectedOptionText = await page.$eval(
  `${selector_value_here} option:checked`,
  (option) => option.textContent
);

console.log('Selected option text:', selectedOptionText);

Answer 1

是的，你可以像下面这样做：

await expect(page.locator('option[selected="selected"]')).toHaveText('Option 1');