求助：Cypress Test Runner iframe内Chrome扩展无法正常工作

1. 禁用Cypress的iframe隔离模式 #

Cypress默认将测试页面置于iframe内，这会阻碍扩展内容脚本注入。修改cypress.config.js配置，让测试直接在主标签页运行：

module.exports = defineConfig({
  chromeWebSecurity: false,
  experimentalSessionAndOrigin: true,
  testIsolation: false,
  e2e: {
    setupNodeEvents(on, config) {
      on('before:browser:launch', (browser = {}, launchOptions) => {
        if (browser.family === 'chromium' && browser.name !== 'electron') {
          launchOptions.args.push('--disable-site-isolation-trials');
          launchOptions.args.push('--disable-features=CrossSiteDocumentBlockingIfIsolating,CrossSiteDocumentBlockingAlways');
        }
        return launchOptions;
      });
    },
  },
});

2. 扩展manifest配置允许iframe注入 #

检查扩展的manifest.json，确保内容脚本规则覆盖测试页面URL，且允许在所有iframe中运行：

{
  "content_scripts": [
    {
      "matches": ["http://localhost:*/*", "https://你的测试域名/*"],
      "all_frames": true,
      "js": ["content.js"]
    }
  ]
}

3. 手动触发扩展功能（若有暴露接口） #

如果扩展在页面全局对象上暴露了可调用方法，直接通过Cypress获取全局对象调用：

cy.window().then((win) => {
  // 假设扩展暴露了myExtensionApi对象
  win.myExtensionApi?.triggerTargetFeature();
});

4. 验证扩展脚本是否注入iframe #

在扩展内容脚本中添加日志，再通过Cypress控制台确认注入情况：

• 扩展内容脚本content.js中添加：window.extensionLoaded = true; console.log('脚本已注入')
• Cypress测试中添加验证：

cy.window().then((win) => {
  cy.log('扩展脚本注入状态:', typeof win.extensionLoaded === 'boolean');
});

5. 追加Chrome启动参数增强权限 #

若上述方法无效，在浏览器启动钩子中添加额外参数：

launchOptions.args.push('--allow-running-insecure-content');
launchOptions.args.push('--disable-web-security');

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