在AngularJS/Jasmine中注入Mock服务

Question

我正在使用茉莉来测试我在TypeScript中编写的控制器.我的单元测试是用普通的javascript.我在测试控制器时遇到错误,我想注入一个模拟服务.

这是我的测试看起来的样子:

'use strict';

describe('ConfigCtrl', function(){
    var scope, http, location, timeout, $httpBackend, service;

    beforeEach(angular.mock.module('busybee'));

    beforeEach(angular.mock.inject(function($rootScope, $http, $location, $timeout, configService, $controller){

        scope = $rootScope.$new();
        http = $http;
        location = $location;
        timeout = $timeout;
        service = configService;


        $controller('configCtrl', {$scope: scope, $http: http, $location: location, $timeout: timeout, configService: service});
    }));

    it('should have text = "constructor"', function(){
        expect(true).toBe(true);
    });
}); 

我的app.ts:

module game {
    'use strict';

    var busybee = angular.module('busybee', []);
    busybee.controller('configCtrl', ConfigCtrl);

    busybee.service('configService', ConfigService);
    ...
    ...

}

和我的TypeScript控制器:

module game {
    'use strict';

    export class ConfigCtrl {

        static $inject: string[] = ['$scope', '$http', '$location', '$timeout', 'configService'];

        constructor($scope: ng.IScope, $http: ng.IHttpService, $location: ng.ILocationService,
            $timeout: ng.ITimeoutService, configService: game.ConfigService) {  
            //any code here
        }
    }   
}

当运行业力时,我收到以下错误:

Chrome 28.0.1500 (Linux) ConfigCtrl should have text = "constructor" FAILED
        TypeError: Cannot read property 'prototype' of undefined
            at Object.instantiate (/home/david/git/busybee2-client/js/libs/angular/angular.min.js:28:283)
            at Object.<anonymous> (/home/david/git/busybee2-client/js/libs/angular/angular.min.js:28:494)
            at Object.d [as invoke] (/home/david/git/busybee2-client/js/libs/angular/angular.min.js:28:174)
            at /home/david/git/busybee2-client/js/libs/angular/angular.min.js:29:339
            at c (/home/david/git/busybee2-client/js/libs/angular/angular.min.js:27:13)
            at Object.d [as invoke] (/home/david/git/busybee2-client/js/libs/angular/angular.min.js:27:147)
            at workFn (/home/david/git/busybee2-client/js/libs/angular/angular-mocks.js:1778:20)
        Error: Declaration Location
            at Object.window.jasmine.window.inject.angular.mock.inject [as inject] (/home/david/git/busybee2-client/js/libs/angular/angular-mocks.js:1764:25)
            at null.<anonymous> (/home/david/git/busybee2-client/js/test/ConfigCtrlSpecs.js:9:29)
            at /home/david/git/busybee2-client/js/test/ConfigCtrlSpecs.js:3:1
Chrome 28.0.1500 (Linux): Executed 1 of 1 (1 FAILED) ERROR (0.329 secs / 0.032 secs)

似乎注入了一个问题configService,但我不知道为什么.

编辑:添加了一个jsfiddle http://jsfiddle.net/Q552U/6/

更新:似乎茉莉花在不同文件中具有TypeScript类的编译javascript是一个问题.将TypeScript文件编译为单个.js文件(tsc --out dest.js source.ts),对我来说.

Answer 1

尝试使用获取服务$injector.

beforeEach(angular.mock.inject(function($rootScope, $http, $location, $timeout, configService, $controller, $injector){
    scope = $rootScope.$new();
    http = $http;
    location = $location;
    timeout = $timeout;
    service = $injector.get('configService'); //not sure the name, you may try 'ConfigService' as well.

    $controller('configCtrl', {$scope: scope, $http: http, $location: location, $timeout: timeout, configService: service});
}));

链接到演示.