javascript - How to use a selector finding an frame (iframe) using Playwright - Stack Overflow

admin管理员组

文章数量:1225070

I have a trivial question that I can't find an answer to using Microsoft Playwright framework. According to documentation you can fetch an iframe with the following code:

const frame = page.frame('frame-login');

But how do I use a selector to find and interact with an iframe? I need to use a CSS selector to find my iframe since it does not have an id.

Any help appreciated

I have a trivial question that I can't find an answer to using Microsoft Playwright framework. According to documentation you can fetch an iframe with the following code:

const frame = page.frame('frame-login');

But how do I use a selector to find and interact with an iframe? I need to use a CSS selector to find my iframe since it does not have an id.

Any help appreciated

• javascript
• node.js
• playwright

Share Improve this question Follow edited Feb 19, 2023 at 21:01 ggorlen 57k88 gold badges110110 silver badges150150 bronze badges asked Jun 26, 2020 at 13:40 ei0haroei0haro 9111 gold badge11 silver badge22 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 11

You can use elementHandle.contentFrame()

await page.waitForSelector('.class-name')

const elementHandle = await page.$('.class-name')
const frame = await elementHandle.contentFrame()

From that moment you can interact with the content of the <iframe> like: await frame.<method_name>.

You can get the ElementHandle calling $ and then call the contentFrame function:

const handle = await page.$('.frame');
const contentFrame = await handle.contentFrame();

本文标签： javascriptHow to use a selector finding an frame (iframe) using PlaywrightStack Overflow