フレーム

概要

ページには、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');