testing - 如何在 AngularJS 中为 servicesSpec 和 controllersSpec 定义全局 $httpBackend？

Question

我的 Controller 依赖于执行 http 请求的服务。 Controller 和服务测试都需要具有相同数据的 httpBackend。你有什么解决方法吗？

Answer 1

我想你的代码应该是这样的:

angular.module('MyApp', [])
    .controller('MyCtrl', function($scope, MyService) {
        $scope.doSomething = function() {
            MyService.doSomething();
        };
    })
    .service('MyService', function($http) {
        $http.get('some-url')
            .success(function(response) {
                // Handles the response
            });
    });

为了对 MyCtrl 进行单元测试，您需要模拟其依赖项:$scope 和 MyService。所以在你的测试中你可以这样做:

describe('MyCtrl', function() {
    var MyServiceMock,
        scope;

    beforeEach(function() {
        module('MyApp');

        // Creates a mock (spy) for MyService
        MyServiceMock = jasmine.createSpyObj('MyService', ['doSomething']); 

        inject(function($provide) {
            // Tells Angular to use MyServiceMock instead of MyService
            $provide.value('MyService', MyServiceMock);
        });

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

    it('calls doSomething of MyService', function() {
        $scope.doSomething();
        expect(MyServiceMock.doSomething).toHaveBeenCalled();
    });
});

这样您就可以测试 MyCtrl 而无需使用 MyService 的实际实例。

我假设您知道如何使用 $httpBackend 服务为 MyService 编写测试，所以我不会在这里发布它的代码。