赛普拉斯：如何处理从 iframe 触发的 window 确认关闭

Question

I need help on how to close a confirmation window which was triggered from an iframe. I am trying the code below, but this still can't close the confirm window.

 cy.get('iframe[id="ParentMainContent_Frame"]').then(($iframe) => {
        const $body = $iframe.contents().find('body')
        const $win = $iframe[0].contentWindow

        cy.stub($win,'confirm').as('windowConfirm')
        cy.wrap($body)
        .find('#ParentMainContent_MainContentMaster_ctl00_PlaceOrderButton').click().should(function () {
            expect(this.windowConfirm).to.be.calledWith('Thank you for your Order!')
        })
    }) 

The button triggering this window is shown above:

Hoping someone could take a look and help.

Answer 1

Using cypress-iframe gives you more checks that the iframe loading has finished before you start testing it's contents.

The downside is this library's methods yield body but not the iframe window, though I think you can use body.ownerDocument.window to get it.

cy.enter('iframe[id="ParentMainContent_Frame"]').then(getBody => {

  const body = getBody();
  const win = body.ownerDocument.window;

  cy.spy(win,'confirm').as('windowConfirm');   // spy not stub

  body.find('#ParentMainContent_MainContentMaster_ctl00_PlaceOrderButton')
    .click()
    .should(function () {
      expect(this.windowConfirm).to.be.calledWith('Thank you for your Order!')
    })
  }) 
})