使用 Jasmine & 在 AngularJS 中依赖于工厂的单元测试失败业力 [英] Failing unit test of factory with dependency in AngularJS using Jasmine & Karma

问题描述

我正在使用 Jasmine 测试一个 AngularJS 工厂.

I am using Jasmine to test an AngularJS factory.

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

I am having difficulty testing a factory that has a dependency. I have included the code for the factory I am testing and the test code.

问题是我遇到了错误并且测试失败了.

The problem is that I am getting errors and the test is failing.

这是我看到的错误:

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();
  }));

});

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

My question is what do I need to do to get my unit test to pass successfully?

推荐答案

在你给你的代码中有两个错别字，但我猜这不是你的真实代码:

In the code you gave you have 2 typos, but I guess this isn't your real code:

• 测试代码，第 4 行:

• Test Code, line 4:

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

应该是:

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

第 13 行，您忘记了引用:return 'test';

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

As the error you get is "TestThisServiceProvider...", I would use $injector in a beforeEach to inject your service to test. Just after the second beforeEach(module(function(){...});

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

我认为 $injector 小心依赖项(例如 ngResource 在您的情况下).

I think $injector take care of the dependencies (like ngResource in your case).

这篇关于使用 Jasmine & 在 AngularJS 中依赖于工厂的单元测试失败业力的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！