如何接受由 Cypress 的 iframe 触发的 window 确认

Question

当我需要接受从 iframe 触发的 window 确认弹出窗口时，我在使用 Cypress 时遇到了一些问题。 Cypress 它对 iframe 不是很友好，但我设法让它工作，直到我发现需要。

所以这是我尝试过的方法（基于 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?`
          );
        });
    });

它实际上断言了弹出窗口中的文本，但从不接受它。我已经尝试了我发现的不同方法（即使用 a.on("window:confirm", () => true) 但我没有得到任何结果。

谢谢！

Answer 1

只需将您的真实函数添加到存根

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

将 CONFIRMED 打印到控制台。

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
      })
  })
})

如何接受由 Cypress 的 iframe 触发的 window 确认

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

iframe

window

cypress

confirm