メインコンテンツにスキップ

フレーム

はじめに

ページには、1つ以上のフレームオブジェクトがアタッチされている場合があります。各ページにはメインフレームがあり、ページレベルのインタラクション(clickなど)はメインフレームで動作すると仮定されます。

ページには、iframe HTMLタグで追加のフレームをアタッチできます。これらのフレームは、フレーム内のインタラクションにアクセスできます。

// Locate element inside frame
const username = await page.frameLocator('.frame-class').getByLabel('User Name');
await username.fill('John');

フレームオブジェクト

page.frame() APIを使用してフレームオブジェクトにアクセスできます。

// Get frame using the frame's name attribute
const frame = page.frame('frame-login');

// Get frame using frame's URL
const frame = page.frame({ url: /.*domain.*/ });

// Interact with the frame
await frame.fill('#username-input', 'John');