0
227
ViewsCypress - iframe handling
I have some code that tries to catch elements inside an iframe but I just keep getting thrown back an error
it('Send Medication',function(){
cy.get('.aut-iframe')
.should(iframe => expect(iframe.contents().find('body')).to.exist)
.then(iframe => cy.wrap(iframe.contents().find('body')))
.within({}, $iframe => {
cy.get('.pending-medication-check-box').click({force:true})
This is the error that I get:
Lastly, this is the iframe info:
·
Juan Pablo Isaza
2 answers
Answer question0
I would assume you are just missing retries for fetching the iframe until the body is loaded. Simple get and should combo doesn't wait for this to happen. Official docs state you should use .its('body') when working with iframes, so try something like this:
cy.get('.aut-iframe').its('body').then((body) => { cy.wrap(body).should('...') }
Reference: https://www.cypress.io/blog/2020/02/12/working-with-iframes-in-cypress/#header
·
Juan Pablo Isaza
Report
0
Install the cypress-iframe plugin.
After installation write
import 'cypress-iframe';undercypress/support/commands.jsThen finally your code should look like:
cy.frameLoaded('.aut-iframe')
cy.iframe('.aut-iframe')
.find('.pending-medication-check-box')
.should('be.visible')
.click()
·
Juan Pablo Isaza
Report
Answer question