Cypress自动确认alert问题：返回false仍无法触发取消操作怎么办？

核心错误：事件监听时机颠倒 #

你的代码是先执行点击操作触发弹窗，之后才注册window:alert监听——这时候弹窗已经被Cypress自动处理完了，监听函数根本没机会执行，自然不会触发断言，也没法阻止页面跳转。

正确写法：先注册监听，再触发弹窗 #

Cypress的事件监听必须提前注册，确保在弹窗触发前就处于待命状态。另外注意：如果你的弹窗是带“确定/取消”选项的确认框，实际对应的是window:confirm事件（alert只有确定按钮），这也可能是你达不到“点击取消”预期的原因。

针对alert弹窗的修正代码 #

// 先注册alert监听，确保弹窗触发前就生效
cy.on('window:alert', (text) => {
  expect(text).to.contains('You have unsaved changes, are you sure you want to leave?');
  return false; // 阻止alert默认的确认行为
});

// 再执行点击动作触发弹窗
cy.get('a').contains('Concepts').click();

针对confirm弹窗的修正代码（更匹配你“点击取消”的需求） #

如果实际是带取消按钮的confirm弹窗，要监听window:confirm事件，返回false就相当于模拟点击“取消”按钮：

cy.on('window:confirm', (text) => {
  expect(text).to.contains('You have unsaved changes, are you sure you want to leave?');
  return false; // 返回false对应点击取消
});

cy.get('a').contains('Concepts').click();

额外验证：确认页面未跳转 #

可以在操作后加断言，验证页面URL没有变化，确保取消动作生效：

cy.url().should('not.include', '/concepts'); // 替换成目标页面的URL特征

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