[Playwright] 複数の要素からn番目を取得する

はじめに

この記事では、Playwright の.nth(index)/.first()/.last() についてをまとめております。

参考資料

結論

下記メソッドで絞り込みが出来ます。

// 最初の要素
first()
  // 3番目の要素
  .nth(2)
  // 最後
  .last();

1. 最初の要素を取得する

// 最初のボタンをクリックする
await page.getByRole("button").first().click();

1. n 番目の要素を取得する

// 3番目のボタンをクリックする
await page.getByRole("button").nth(2).click();

3. 最後の要素を取得する

// 最後のボタンをクリックする
await page.getByRole("button").last().click();