Cypress：点击触发Prompt窗口后测试流程卡住问题咨询

Hey，我看你在测试iframe里的按钮触发Prompt弹窗时，流程直接卡住了，根本执行不到后面的代码。这其实是Cypress处理弹窗时的常见问题，主要是几个细节没做好，我帮你拆解一下：

核心原因 #

• 监听时机太晚：你是先点击按钮触发弹窗，再去注册window:confirm监听，但Cypress一旦遇到未处理的弹窗就会立即暂停执行，后面的监听代码根本没机会跑起来。
• 事件类型不对：你说的是Prompt窗口，但代码里监听的是window:confirm（确认弹窗），Prompt对应的事件是window:prompt，这相当于你在监听一个根本不会触发的事件，自然没用。
• iframe上下文没对齐：按钮在iframe里，弹窗大概率是属于iframe内部的window对象，但你的监听是挂在主页面的window上，根本捕获不到iframe里的弹窗事件。

修复后的完整测试代码 #

it('Test case', () => { 
  cy.get('iframe').iframe(() => { 
    // 第一步：先在iframe的window上下文里注册Prompt处理逻辑
    cy.window().then(win => {
      // 模拟Prompt的输入内容（必须，不然Prompt会卡住）
      cy.stub(win, 'prompt').returns('我是测试输入的内容');
      
      // 验证Prompt的提示文本是否正确
      cy.on('window:prompt', (promptText) => { 
        expect(promptText).to.equal('Please enter data');
        return true;
      });
    });

    // 第二步：再触发弹窗（必须放在监听之后！）
    cy.get('.button').eq(0).click(); 
  }); 

  // 这里可以加弹窗处理后的验证步骤，比如检查页面是否有预期变化
});

关键修复细节说明 #

1. 提前注册处理逻辑：一定要在点击按钮触发弹窗之前，就注册好Prompt的监听或stub，这样Cypress在弹窗出现时能立即捕获并处理，不会卡住。
2. 用对事件类型：Prompt弹窗对应window:prompt事件，Confirm弹窗才用window:confirm，别搞混了。
3. 绑定到正确的window：通过cy.window()在iframe的上下文里获取window对象，所有的监听和stub都要绑定到这个window上，才能捕获到iframe内部触发的弹窗。
4. 模拟Prompt输入：Prompt需要用户输入内容，用cy.stub(win, 'prompt').returns('xxx')可以直接模拟输入，避免因为等待用户输入而卡住流程。

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