AngularJS 1.6.7手动引导下Protractor无头模式无法识别Angular的问题

我之前也碰到过类似AngularJS手动引导在Protractor无头模式下同步失败的问题，结合你的情况，咱们一步步分析和解决：

窗口模式正常但无头模式失效，核心原因在于：

• 无头Chrome的运行环境（窗口尺寸、沙箱机制、资源加载优先级）和窗口模式有差异，导致Angular手动引导的时机或状态和Protractor的同步逻辑不匹配
• 你依赖body.ng-scope作为Angular初始化的标志，但手动引导场景下，这个类的添加时机在无头模式下可能更晚，甚至和Protractor的检测逻辑不同步

1. 补全Chrome无头模式的启动参数 #

先检查你的Protractor配置文件（conf.js），给Chrome添加必要的无头模式参数，避免环境差异导致的初始化异常：

capabilities: {
  'browserName': 'chrome',
  'chromeOptions': {
    'args': [
      '--headless',
      '--disable-gpu',
      '--window-size=1920,1080', // 无头模式必须指定标准窗口尺寸，避免布局/资源加载异常
      '--no-sandbox', // CI环境或部分系统必填，绕过沙箱限制
      '--disable-dev-shm-usage' // 解决部分环境下的内存不足问题
    ]
  }
}

2. 替换ng-scope等待逻辑，直接检测Angular初始化状态 #

body.ng-scope并不是手动引导场景下最可靠的标志，换成直接检测Angular的注入器（injector）是否初始化完成：

beforeEach(() => {
  // 先关闭Protractor的自动同步
  browser.waitForAngularEnabled(false);
  return browser.get(webpage)
    .then(() => {
      // 注入E2E运行标识
      return browser.executeScript(() => {
        window['RUNNINGE2E'] = true;
      });
    })
    .then(() => {
      // 等待Angular注入器初始化完成——这是Angular就绪的核心标志
      return browser.wait(() => {
        return browser.executeScript(() => {
          return typeof window.angular !== 'undefined' && 
                 window.angular.element(document).injector() !== undefined;
        });
      }, 60000, "Angular在无头模式下始终未完成初始化");
    })
    .then(() => {
      // 恢复Protractor的Angular同步
      browser.waitForAngularEnabled(true);
    });
});

注意：Protractor 5.x推荐使用waitForAngularEnabled替代旧的ignoreSynchronization，兼容性更好。

3. 在应用代码中添加引导完成的自定义标志（最精准的方案） #

如果你的应用手动引导逻辑有异步依赖（比如接口请求、资源加载），可以在引导完成后添加全局标志，让测试直接监听这个信号：

// 你的Angular手动引导代码
document.addEventListener('DOMContentLoaded', async () => {
  // 假设这里有异步操作，比如初始化数据
  await fetchAppInitialData();
  // 引导Angular应用
  angular.bootstrap(document, ['myApp']);
  // 添加引导完成的全局标志
  window['ANGULAR_BOOTSTRAPPED'] = true;
});

然后在测试中等待这个标志：

return browser.wait(() => {
  return browser.executeScript(() => {
    return window['ANGULAR_BOOTSTRAPPED'] === true;
  });
}, 60000, "Angular应用未完成手动引导");

窗口模式和无头模式的核心差异在于Chrome的运行环境配置，以及Protractor在无头模式下的同步检测灵敏度。通过补全Chrome启动参数、更换更可靠的Angular就绪检测逻辑，或者直接依赖应用自身的引导完成标志，应该能解决你的问题。

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