Iframe Steps

Switch into a frame and run scoped click / fill / assert. Required for embedded widgets and third party components.

Step phrasings in this group

The book sidebar lists each individual step page under this group.

When I switch to iframe "iframe.payment"

Switch the active scope to an iframe addressed by CSS selector.

When I switch to iframe with locator "iframe.payment"

Switch the active scope to an iframe by Playwright frame-locator string.

When I switch to the root document

Return the active scope to the top document (clear the iframe scope).

When I switch to the iframe with title "Payment"

Switch the active scope to an iframe by its title attribute.

When I switch to the iframe with name "payment"

Switch the active scope to an iframe by its name attribute.

When I click "Confirm" inside the iframe

Click visible text inside the active iframe.

When I click "submit-btn" by attr inside the iframe

Click an attribute-addressed element inside the active iframe.

When I fill in "card_number" with "4242 4242 4242 4242" inside the iframe

Fill a field inside the active iframe by [name] or id.

Then I should see "Payment received" inside the iframe

Assert visible text exists inside the active iframe.

Then I should not see "Error" inside the iframe

Assert visible text does NOT exist inside the active iframe.