[FIXED] How to accept a window confirm fired by an iframe with Cypress

Issue

I'm having some problems with Cypress when I need to accept a window confirm popup that is fired from a iframe. Cypress it's not very friendly with iframes, but I managed to make it work until I've found that need.

So here's what I've tried (based on this):

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

      cy.stub($win, "confirm").as("windowConfirm");

      cy.wrap($body)
        .contains("Delete") 
        .click() // this fires the confirm popup
        .should(function () {
          expect(this.windowConfirm).to.be.calledWith(
            `Continue deletion?`
          );
        });
    });

It actually asserts the text inside the popup, but never accepts it. I've tried different methods I've found (i.e. using a.on("window:confirm", () => true) but I've got no results.

Thank you!

Solution

Just add your truthy function to the stub

cy.stub($win, 'confirm', () => true)
  .as('windowConfirm')

Prints CONFIRMED to the console.

---

it('confirms in iframe', () => {

  cy.visit('../app/iframe-confirm-popup.html')

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

    cy.stub($win, 'confirm', () => true)
      .as('windowConfirm')
    cy.stub($win.console, 'log').as('consoleLog')

    cy.wrap($body)
      .find('input').click().should(function () {
        expect(this.windowConfirm).to.be.calledWith('Are you sure you want to submit your application?')
        expect(this.consoleLog).to.be.calledWith('CONFIRMED')  // passes
      })
  })
})

Answered By - Electron

Answer Checked By - Mary Flores (PHPFixing Volunteer)