Angularjs测试返回静态数据的简单工厂

Question

你如何在AngularJs中模拟一个简单的Factory,它在Karma单元测试中返回静态数据？

我有这个简单的工厂,为了示例返回静态数据:

angular.module('conciergeApp.services')
       .factory('CurrentUser', function() {
        return {
            id: 1,
            hotel_id: 1,
        }
      });

我想知道如何为此编写Karma测试？

到目前为止,我有这个代码,但id不起作用:

describe('ReplyCtrl', function() {

    beforeEach(module('conciergeApp'));

    beforeEach(module(function($provide) {
        $provide.service('CurrentUser', function() {
            return 1;
        });
    }));

    //Getting reference of the mocked service
    var mockUtilSvc;

    inject(function(CurrentUser) {
        mockUtilSvc = CurrentUser;
    });

    beforeEach(inject(function($rootScope, $controller) {
        scope = $rootScope.$new();
        ctrl = $controller('ReplyCtrl', {
            $scope: scope
        });
    }));

    it('should return value from mock dependency', inject(function(mockUtilSvc) {
        expect(mockUtilSvc()).toEqual(1);
    }));

});

这是我收到的错误消息:

Firefox 41.0.0 (Mac OS X 10.10.0) ReplyCtrl should return value from mock dependency FAILED
    Error: [$injector:unpr] Unknown provider: mockUtilSvcProvider <- mockUtilSvc

Answer 1

1）你inject放错地方了。您在测试中指定了注入函数it，只需将其删除即可。

IE

it('should return value from mock dependency', inject(function(mockUtilSvc) {
    expect(mockUtilSvc()).toEqual(1);
}));

会成为

 it('should return value from mock dependency', function() {
    expect(mockUtilSvc()).toEqual(1);
});

2）现在的问题是，mockUtilSvc根据您的定义，这是一个服务实例，而不是一个函数，而且根据您的模拟，您需要将其定义为工厂（即您返回 1 作为工厂的值，但它不能new）。

beforeEach(module(function($provide) {
    $provide.factory('CurrentUser', function() {
        return 1;
       //If you expect factory to be a function then you need to return a function returning 1 here
    });
}));

和

expect(mockUtilSvc).toEqual(1);

3）你也可以这样写：

$provide.value('CurrentUser', 1); //Provide the instance here right away

4）你的第一个inject也放错了地方。您只是运行它，而不是在每次规范运行期间运行和分配实例。before Each迭代您需要将服务实例的值设置为变量，即：

 beforeEach(inject(function(CurrentUser) {
    mockUtilSvc = CurrentUser;
}));

测试示例：

describe('ReplyCtrl', function() {
   var mockData = {
            id: 1234,
            hotel_id: 1,
        }, mockUtilSvc, scope, ctrl  ;


    beforeEach(module('conciergeApp', function($provide) {
        $provide.value('CurrentUser', mockData);
    }));

    beforeEach(inject(function(CurrentUser, $rootScope, $controller) {
        mockUtilSvc = CurrentUser;
        scope = $rootScope.$new();
        ctrl = $controller('ReplyCtrl', {
            $scope: scope
        });
    }));

    it('should return value from mock dependency', function() {
        expect(mockUtilSvc.id).toEqual(mockData.id);
    });
});

演示

注意：还有其他方法可以模拟和注入模拟。例如，在这种情况下，您实际上也不需要使用$provide.value。相反，您可以创建模拟对象并在控制器实例化期间将其传递，因为您可以完全控制那里来传递依赖项，如下所示：

  ctrl = $controller('ReplyCtrl', {
            $scope: scope,
            CurrentUser: mockUtilSvc
   });

如果使用方法的服务更复杂，您可以像这样创建模拟。

  mockSvc = jasmin.createSpyObj('MyService', ['method1', 'method2']);
  mockSvc.method1.and.returnValue($q.when(mockData)); //Simulating a promise returned from an $http call  in the method.