Loading challenge...
iFrames
Work inside iframe elements
Basic IFrame
Simple iframe with button interaction
IFrame with Form
Form controls inside an iframe
Nested IFrames
IFrame containing another iframe
Hidden IFrame
IFrame that exists in DOM but is not visible
This iframe is hidden but present in the DOM:
↑ Hidden iframe is above this text (display: none)
Testing Tips
Automation hints
- ✓ Use frameLocator() in Playwright to access iframe content
- ✓ Wait for iframe to load before interacting with its content
- ✓ Use page.frame() or page.frames() to get frame references
- ✓ Nested iframes require chaining frameLocator() calls
- ✓ Cross-origin iframes may have security restrictions
