Cypress无头模式下cy.then()超时问题求助

1. 修复无头Chrome剪贴板权限问题 #

无头模式下Chrome默认限制剪贴板访问，需要在Cypress配置中添加启动参数，授予权限并启用剪贴板功能：

修改cypress.config.js（或cypress.config.ts）：

const { defineConfig } = require("cypress");

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('before:browser:launch', (browser = {}, launchOptions) => {
        if (browser.name === 'chrome' && browser.isHeadless) {
          // 启用剪贴板支持
          launchOptions.args.push('--enable-features=Clipboard');
          // 若测试站点为HTTP，添加此参数允许剪贴板访问
          launchOptions.args.push('--unsafely-treat-insecure-origin-as-secure=http://你的测试站点URL');
          // 自动授予剪贴板权限，跳过权限弹窗
          launchOptions.args.push('--use-fake-ui-for-media-stream');
        }
        return launchOptions;
      });
    },
    // 若站点存在跨域问题，可关闭Web安全策略
    chromeWebSecurity: false,
  },
});

2. 优化异步逻辑，避免Promise未解析错误 #

原生Promise与Cypress命令混用会导致Cypress无法正确跟踪异步流程，改用cy.wrap包裹剪贴板读取操作，同时替换硬等待为条件等待：

修改测试代码：

cy.get('.process-list').within(() => {
  cy.get('.process-list-item').eq(3).within(() => {
    cy.get('.nakedButton').eq(0).click();
  });
});

// 替换cy.wait(1000)，改用条件等待确保复制完成（示例为等待复制状态提示消失）
cy.get('.copy-success-indicator').should('not.exist');

cy.window().then(win => {
  // 用cy.wrap包裹原生Promise，让Cypress处理异步跟踪
  cy.wrap(win.navigator.clipboard.readText()).then(text => {
    const adjustedUrl = text.replace("https://", "http://");
    cy.log(adjustedUrl);
    cy.visit(adjustedUrl);
  });
});

3. 备选方案：拦截复制事件（无需依赖剪贴板） #

如果剪贴板访问仍有问题，可以直接监听copy事件获取复制内容，完全绕过剪贴板读取：

cy.window().then(win => {
  let copiedText;
  win.addEventListener('copy', (e) => {
    copiedText = e.clipboardData.getData('text');
    e.preventDefault(); // 阻止默认复制行为，避免修改系统剪贴板
  });

  cy.get('.process-list').within(() => {
    cy.get('.process-list-item').eq(3).within(() => {
      cy.get('.nakedButton').eq(0).click();
    });
  });

  // 等待复制事件触发，确保获取到文本
  cy.wrap(copiedText).should('not.be.undefined').then(text => {
    const adjustedUrl = text.replace("https://", "http://");
    cy.log(adjustedUrl);
    cy.visit(adjustedUrl);
  });
});

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