使用Cypress和Cucumber验证对话框文本时Then场景不生效问题

你遇到的问题核心是 window:alert 事件监听的注册时机晚于弹窗触发时机。
Cypress 中 cy.on() 是同步执行的代码，不属于异步命令队列：

• 单it块场景下，所有同步代码会先执行完毕，再按顺序执行异步队列中的命令，所以哪怕你把cy.on()写在click后面，实际会先完成事件注册，再执行点击触发弹窗，所以可以正常捕获。
• 拆分为BDD步骤后，When步骤的代码先执行，click命令进入异步队列后When步骤执行结束，才会执行Then步骤的cy.on()注册监听，此时点击动作已经执行完毕、弹窗已经触发完成，自然捕获不到事件。

方案1：将事件注册提前到点击动作前 #

把window:alert的监听逻辑放到When步骤的点击逻辑之前，确保事件先注册，再触发点击：

When('I click on the login button', () => {
    // 先注册alert监听
    cy.on('window:alert',  (str) =>  {
        expect(str).to.equal(`Login Successfully`)
    })
    // 再执行点击
    cy.contains('Login').click()
})

Then('Successful POP up message should be displayed', () => {
    // 可补充其他后续断言，比如页面跳转、状态变更等
})

方案2（更推荐）：使用Stub显式断言弹窗 #

用Cypress的stub能力监听alert调用，更适合BDD步骤拆分的场景，断言更清晰稳定：

When('I click on the login button', () => {
    // 提前 stub alert 方法并绑定别名
    cy.window().then(win => {
        cy.stub(win, 'alert').as('loginAlert')
    })
    cy.contains('Login').click()
})

Then('Successful POP up message should be displayed', () => {
    // 直接断言stub的调用参数符合预期
    cy.get('@loginAlert').should('have.been.calledWith', 'Login Successfully')
})

内容的提问来源于stack exchange，提问作者user8050674