playwright - 複数要素

import { test, expect } from "@playwright/test"

test("複数の要素を取得した時の処理", async ({ page }) => {
  await page.goto("https://www.lambdatest.com/selenium-playground/bootstrap-dual-list-box-demo")

  // 要素を取得
  const links = await page.locator(".footer-menu > li > a")

  //1番目の要素をクリック
  // await links.first().click()
  // console.log(await links.first.textContent())

  // 2番目の要素をクリック
  console.log(await links.nth(2).textContent())
  await links.nth(2).click()

  // 複数の要素を処理
  console.log("links.count:" + (await links.count()))
  for (let i = 0; i < (await links?.count()); i++) {
    console.log(await links.nth(i).textContent())
  }

  await page.waitForTimeout(5000)
})