AngularJS控制器单元测试 - 注入服务

ice*_*erg 37 unit-testing angularjs

一个关于AngularJS单元测试的希望简单的问题.我有一个使用简单服务的控制器(改编自angular-seed项目)

services.js:

angular.module('myApp.services', []).value('version', '0.1');
Run Code Online (Sandbox Code Playgroud)

controllers.js:

function MyCtrl1($s, version) {
  $s.version = version;
}
MyCtrl1.$inject = ["$scope","version"];
Run Code Online (Sandbox Code Playgroud)

这适用于我的应用程序.但是,我在单元测试框架工作中创建控制器时遇到问题.我无法想象我们如何注入'版本'服务(或创建实例)并将其传递给$ 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');
});
Run Code Online (Sandbox Code Playgroud)

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

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

我用$ injector/$ provider和module()尝试过各种各样的东西,但无济于事.我确定答案很简单,但我看不出来.

Igo*_*nar 57

只需添加beforeEach(module('myApp.services'))到您的描述块.这将使用"版本"服务将服务模块加载到测试注入器中,这将使其可用于您的测试.

  • 冰山,如果它解决了问题,请将其标记为已接受的答案. (30认同)