The page index.html contains an iframe, and we want our tests to work with that iframe. This recipe shows how to:
- Access elements inside an iframe coming from a 3rd party domain
- Spy on
window.fetchcalls from the iframe - Stub network calls coming from the iframe
Read the companion blog post Working with iframes in Cypress
| Spec | Description |
|---|---|
| first-spec.js | Loads the index.html |
| button-spec.js | Clicks the button inside an iframe and checks the text |
| single-its-spec.js | Uses a single Cypress command to retry while iframe is loading |
| custom-command-spec.js | Moves iframe access into a reusable common custom command |
| spy-on-fetch-spec.js | Accesses window inside the iframe and spies on fetch calls |
| xhr-spec.js | Shows how to spy and stub network calls the iframe is making |
| plugin-spec.js | Uses cypress-iframe plugin to work elements inside an iframe |
In cypress.json we are using test retries to get through an occasional (rare) flake, see issue #558