イベント

はじめに

Playwrightは、ネットワークリクエスト、子ページの作成、専用ワーカーなど、ウェブページで発生するさまざまな種類のイベントをリッスンできます。イベントを購読するには、イベントを待機したり、イベントリスナーを追加または削除したりするなど、いくつかの方法があります。

イベントの待機

ほとんどの場合、スクリプトは特定のイベントが発生するのを待つ必要があります。以下に、一般的なイベント待機パターンをいくつか示します。

指定されたURLを持つリクエストを page.waitForRequest() を使用して待機する

// Start waiting for request before goto. Note no await.
const requestPromise = page.waitForRequest('**/*logo*.png');
await page.goto('https://wikipedia.org');
const request = await requestPromise;
console.log(request.url());

ポップアップウィンドウを待機する

// Start waiting for popup before clicking. Note no await.
const popupPromise = page.waitForEvent('popup');
await page.getByText('open the popup').click();
const popup = await popupPromise;
await popup.goto('https://wikipedia.org');

イベントリスナーの追加/削除

イベントがランダムなタイミングで発生し、待機するのではなく処理する必要がある場合があります。Playwrightは、イベントの購読と購読解除のための従来の言語メカニズムをサポートしています。

page.on('request', request => console.log(`Request sent: ${request.url()}`));
const listener = request => console.log(`Request finished: ${request.url()}`);
page.on('requestfinished', listener);
await page.goto('https://wikipedia.org');

page.off('requestfinished', listener);
await page.goto('https://www.openstreetmap.org/');

ワンオフリスナーの追加

特定のイベントを一度だけ処理する必要がある場合、そのための便利なAPIがあります。

page.once('dialog', dialog => dialog.accept('2021'));
await page.evaluate("prompt('Enter a number:')");