有没有办法遍历 Playwright 中的 <li> 列表并单击每个元素？

Question

我正在尝试使用 Playwright 遍历动态元素列表，我已经尝试了几件事，但没有一个有效：

await this.page.locator('li').click();
const elements = await this.page.locator('ul > li');
await elements.click()

await this.page.$$('ul > li').click();

await this.page.click('ul > li');

const divCounts = await elements.evaluateAll(async (divs) => await divs.click());

this.page.click('ul > li > i.red', { strict: false, clickCount: 1 },)

const elements = await this.page.$$('ul > li > i.red')

elements.forEach(async value => {
  console.log(value)
  await this.page.click('ul > li > i.red', { strict: false, clickCount: 1 },)
  await value.click();
})

Answer 1

最近在 Playwright Slack 社区中提出了一个类似的问题。 这是那里的一位维护人员从答案中复制粘贴并进行了最低限度的调整。

let listItems = this.page.locator('ul > li');

// In case the li elements don't appear all together, you have to wait before the loop below. What element to wait for depends on your situation.
await listItems.nth(9).waitFor(); 

for (let i = 0; i < listItems.count(); i++) {
  await listItems.nth(i).click();
}