在 AngularJS 中使用 Jasmine 对 Controller 中的服务进行单元测试

Question

在我的控制器中，我定义了以下服务：

CrudService.getAllGroups().$promise.then(
    function (response) { $scope.groups = response; },
    function (error) { //error code.. }
);

嗯，我想测试这个服务是否得到响应。在测试脚本中，我首先定义了一个函数来检查服务是否被定义。

测试代码：

describe('Ctrl: TestCtrl', function () {
    beforeEach(module('testApp'));

    var scope,
        CrudService,
        ctrl,
        backend;

    beforeEach(inject(function ($controller, $rootScope, _CrudService_, $httpBackend) {
        scope = $rootScope.$new();

        ctrl = $controller('TestCtrl', {
            $scope: scope
        });

        CrudService = _CrudService_;

        backend = $httpBackend;     
    }));

    it('should defined the service getGroups', function () {
        expect(CrudService.getGroups).toBeDefined();
    });

    //this is wrong!
    it('should returns a successful response', function () {
        backend.expectGET('http://localhost:63831/api/group').respond(200, 'success');
        backend.flush();
    });
});

我不知道如何在测试中获得响应。我是单元测试的新手，需要一些帮助。

为了更好地理解这里是服务代码：

//CrudService file:
...
return {
         getAllGroups: function () {
             return ResService.group.query();
         }
}
...


//ResService file:
return {
         group: $resource(baseUrl + '/api/group/:Id', {
           Id: '@Id'
         }, {})
}

有人有想法吗？

Answer 1

从某种意义上说它不是单元测试是不正确的。如果您在这里测试控制器，那么您应该模拟 CrudService 并测试 $scope.groups 是否已正确分配。

beforeEach(function () {
    module(function ($provide) {
        $provide.factory('CrudService', function () {
            return {
                getAllGroups: function () {
                    return {
                        $promise: null // return an actual promise here
                    }
                }
            }
        });
    });
});

it('should set groups', function () {
    expect($scope.groups).toEqual('success')
});

你需要一个单独的规范来测试CrudService是否正确调用后端。