使用Jasmine&amp ;;对AngularJS中依赖的工厂进行单元测试失败因果报应

时间:2014-03-17 17:00:11

标签: angularjs unit-testing jasmine

我正在使用Jasmine来测试AngularJS工厂。

我在测试具有依赖性的工厂时遇到困难。我已经包含了我正在测试的工厂的代码和测试代码。

问题是我收到错误而且测试失败。

这是我看到的错误:

Chrome 33.0.1750 (Mac OS X 10.8.5) Testing my Test Service can get an instance of my factory FAILED
    Error: [$injector:unpr] http://errors.angularjs.org/1.2.8/$injector/unpr?p0=TestThisServiceProvider%20%3C-%20TestThisService
        at Error (native)
        at /Users/.../www/lib/angular/angular.min.js:6:449
        at /Users/.../www/lib/angular/angular.min.js:32:125
        at Object.c [as get] (/Users/.../www/lib/angular/angular.min.js:30:200)
        at /Users/.../www/lib/angular/angular.min.js:32:193
        at c (/Users/.../www/lib/angular/angular.min.js:30:200)
        at Object.d [as invoke] (/Users/.../www/lib/angular/angular.min.js:30:417)
        at workFn (/Users/.../www/lib/angular/angular-mocks.min.js:6:20731)
    Error: Declaration Location
        at window.inject.angular.mock.inject (/Users/.../www/lib/angular/angular-mocks.min.js:6:20394)
        at null.<anonymous> (/Users/.../www/tests/myapp/TestServices/controllers.tests.js:54:43)
        at /Users/.../www/tests/myapp/TestServices/controllers.tests.js:1:1
Firefox 27.0.0 (Mac OS X 10.8) Lighting Control Service can get an instance of my factory FAILED
    Error: [$injector:unpr] http://errors.angularjs.org/1.2.8/$injector/unpr?p0=TestThisServiceProvider%20%3C-%20TestThisService
    F/<@/Users/.../www/lib/angular/angular.min.js:6
    $b/l.$injector<@/Users/.../www/lib/angular/angular.min.js:32
    c@/Users/.../www/lib/angular/angular.min.js:30
    $b/p.$injector<@/Users/.../www/lib/angular/angular.min.js:32
    c@/Users/.../www/lib/angular/angular.min.js:30
    d@/Users/.../www/lib/angular/angular.min.js:30
    workFn@/Users/.../www/lib/angular/angular-mocks.min.js:6
    angular.mock.inject@/Users/.../www/lib/angular/angular-mocks.min.js:6
    @/Users/.../www/tests/myapp/TestServices/controllers.tests.js:54
    @/Users/.../www/tests/myapp/TestServices/controllers.tests.js:1

工厂测试

angular.module('myApp.Module', ["ngResource"])

.factory('TestThisService', function(WebSocketSrvc, $q, $rootScope, $log) {

    return {
        createData: function(type, msg_object, cb_URI, cbfunction) {
            // creates 
        },
        requestData: function(type, cb_URI) {
            // requests
        },
        updateData: function(type, id, msg_object, cb_URI, cbfunction) {
            // updates
        },
        deleteData: function(type, id, cb_URI, cbfunction) {
            // deletes
        }
    }
});

测试代码:

describe("My Service", function() {

  // Load your module.
  beforeEach(module('myApp.Module','myApp.ModuleTwo'));

  // Setup the mock service in an anonymous module.
  beforeEach(module(function ($provide) {
    $provide.value('WebSocketSrvc', {
        variable: 'value',

        get: function() {

            return 'test';
        },

        send: function(request, cb_URI) {

            return 'result';
        }
            // ... more functions included not displayed.
    });
  }));

  it('can get an instance of my factory', inject(function(TestThisService) {
    expect(TestThisService).toBeDefined();
  }));

});

我的问题是我需要做些什么来让我的单元测试成功通过?

1 个答案:

答案 0 :(得分:2)

在您提供的代码中有2个拼写错误,但我想这不是您的真实代码:

  • 测试代码,第4行:

    beforeEach(module('MyApp.Module'));
    

    应该是:

    beforeEach(module('myApp.Module'));
    
  • 第13行,您忘记了引用:return 'test';

由于您得到的错误是&#34; TestThisServiceProvider ...&#34;,我会在$injector中使用beforeEach来注入您的服务进行测试。在第二个beforeEach(module(function(){...});

之后
beforeEach(inject(function($injector) {
    myService = $injector.get('TestThisService');
}));

我认为$injector会处理依赖关系(例如您的ngResource)。