在Protractor E2E测试中访问Angular模块报错：module不是函数

这个问题我之前也踩过坑，核心原因是Protractor的运行环境和Angular应用的运行环境完全隔离，你直接在测试代码里调用Angular模块API自然会报错，具体拆解如下：

1. 环境不匹配是根本原因 #

Protractor是端到端测试工具，它的测试代码运行在Node.js环境（服务器端）；而Angular的模块、控制器、服务这些代码，是运行在浏览器的客户端环境里的。

你尝试在Protractor代码里调用angular.module()或者测试框架里的module()函数时，Node环境里根本没有定义这些对象/函数，所以会直接抛出TypeError: module is not a function的错误——就像你在Node里直接调用浏览器的document对象一样，肯定会报错。

2. 你可能混淆了E2E测试和单元测试的场景 #

如果你的目标是测试控制器的内部逻辑（比如scope对象的处理、服务调用逻辑），那应该用Angular单元测试（比如Karma+Jasmine），而不是Protractor E2E测试：

• 单元测试可以加载Angular模块、注入依赖、直接实例化控制器，完全是在模拟浏览器环境里测试代码逻辑；
• 而Protractor的定位是测试整个应用的流程，比如用户点击按钮后页面是否正确跳转、数据是否正确渲染，它是通过控制浏览器来间接验证结果，不是直接访问应用内部的代码结构。

3. 如果一定要在E2E里访问Angular内部对象怎么办？ #

要是你确实需要在E2E测试里获取Angular应用的内部状态（比如验证scope里的值），可以用Protractor提供的browser.executeScript()方法，让代码在浏览器端执行，这样就能访问到Angular的API了。示例代码如下：

// 在Protractor测试里执行这段代码
browser.executeScript(function() {
  // 这段代码运行在浏览器环境，能访问angular对象
  // 获取应用的injector
  var appInjector = angular.element(document.body).injector();
  
  // 注入需要的服务和控制器
  var $rootScope = appInjector.get('$rootScope');
  var $controller = appInjector.get('$controller');
  var MyService = appInjector.get('MyService'); // 你的服务
  
  // 创建新的scope并实例化控制器
  var testScope = $rootScope.$new();
  $controller('MyController', {
    $scope: testScope,
    MyService: MyService // 传入依赖
  });
  
  // 可以在这里操作scope，比如调用控制器方法
  testScope.someControllerMethod();
  
  // 返回需要验证的数据给Protractor
  return testScope.targetValue;
}).then(function(result) {
  // 这里回到Node环境，处理浏览器返回的结果
  expect(result).toEqual('预期的值');
});

总结 #

你遇到的错误本质是误把E2E测试当成了单元测试，在Node环境里直接调用了浏览器端的Angular API。解决思路要么是改用单元测试来验证控制器/服务的内部逻辑，要么用executeScript在浏览器端执行代码来访问Angular内部对象。

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