unit-testing - AngularJS Controller 单元测试 - 注入(inject)服务

Question

一个关于 AngularJS 单元测试的简单问题。我有一个使用简单服务的 Controller (改编自 Angular-Seed 项目)

services.js:

angular.module('myApp.services', []).value('version', '0.1');

controllers.js:

function MyCtrl1($s, version) {
  $s.version = version;
}
MyCtrl1.$inject = ["$scope","version"];

这在我的应用程序中效果很好。但是，我在单元测试框架中创建 Controller 时遇到问题。我不知道如何注入(inject)“版本”服务(或创建实例)并将其传递给 $controller() 工厂 - 我想这就是我想要做的？!这是最基本的规范:

controllerSpec.js:

beforeEach(inject(function($rootScope, $controller) {
  scope = $rootScope.$new();
  // how about version service?
  ctrl = $controller(MyCtrl1, {$scope: scope, /* version: <where from?> */});
}));

it('Version should be 0.1 ...', function() {
    expect(scope.version).toBe('0.1');
});

运行测试工具会产生: test.sh

...失败(3.00 毫秒):错误:错误:未知提供程序:versionProvider <- 版本 错误:未知提供程序:versionProvider <- version

我已经尝试了 $injector/$provider 和 module() 的各种方法，但没有成功。我确信答案很简单，但我看不到。

Answer 1

只需将 beforeEach(module('myApp.services')) 添加到您的描述 block 中。这会将带有“版本”服务的服务模块加载到测试注入(inject)器中，并使其可用于您的测试。