剧作家组合框

【问题标题】：Playwright Comboboxes剧作家组合框
【发布时间】：2022-11-18 17:17:32
【问题描述】：

如何使用 Playwright 遍历组合框中的所有选项？

没有选项列表，值是动态生成的，目前这是 codegen 给我的，首先打开下拉列表，然后选择其中一个选项：

await page.getByRole('button', { name: 'Open' }).first().click();

await page.getByRole('option', { name: 'Option Value 1' }).click();

Codegen 仅按名称为我提供了组合框下拉列表中可用的不同选项，但我需要动态地遍历每个选项并选择它。

【问题讨论】：

标签： combobox playwright

【解决方案1】：

我可能会通过获取组合的所有内部文本然后枚举它来做到这一点，见下文：

const combo = await page.getByRole('button', { name: 'Open' });
const comboOptions = combo.locator(`option`);

const comboOptions = await comboOptions.allInnerTexts();
const optionsCount = comboOptions.length;

for (let i = 0; i < optionsCount; i++) {
  await combo.selectOption({ label: comboOptions[i] });
}

如果有帮助，请点赞并标记为已回答:)

【讨论】：