Playwrightを使用したナビゲーションの待機方法

ページの読み込み完了を待機する方法: 以下のコード例では、PlaywrightのwaitForLoadStateメソッドを使用して、ページの読み込み完了を待機します。

const { chromium } = require('playwright');
(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();

  await page.goto('https://example.com');
  await page.waitForLoadState('networkidle');

  // ページの読み込みが完了した後の処理をここに記述

  await browser.close();
})();

特定の要素が表示されるのを待機する方法: 以下のコード例では、PlaywrightのwaitForSelectorメソッドを使用して、指定した要素が表示されるのを待機します。

const { chromium } = require('playwright');
(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();

  await page.goto('https://example.com');
  await page.waitForSelector('#my-element');

  // 指定した要素が表示された後の処理をここに記述

  await browser.close();
})();

これらのコード例では、PlaywrightのwaitForLoadStateメソッドとwaitForSelectorメソッドを使用して、ナビゲーションの待機を実現しています。必要に応じて、待機のタイムアウトやその他のオプションを指定することもできます。

このように、Playwrightを使用することで、ナビゲーションの待機をシンプルかつ効果的に行うことができます。