Angular 单元测试 .catch 块

Question

我有一个控制器和服务，我已经为其编写了一些单元测试。服务执行 http 请求，控制器有 .then 和 .catch 块。我可以测试.then块没有问题，但是如何测试.catch？

控制器：

$scope.performPost = function (action) {

    $scope.shoppingCart = function() {
        $scope.loading = true;
        $scope.acText = '';

        myService.postAction('cart', $scope.myData)
            .then(function(data) {
                $timeout(function(){
                    $scope.loading = false;
                    $scope.tick = true;
                }, 1500);
            })
            .catch(function() {
                $scope.errorException();
            });
    };

    switch(action) {
        case "viewShoppingCart":
            $scope.shoppingCart();
            break;
        case "updateProfile":
            $scope.updateUserDetails();
            break;
    }
};

测试 .then:

describe("MyController Tests", function() {

    var scope;
    var ctrl;

    var customer = {
            "accountId" : "12345678901",
            "firstName" : "Joe",
            "lastName" : "Bloggs",
    };

    var unlockRespone = {};

    beforeEach(inject(function($rootScope, $controller, myService, _$q_, $httpBackend, $timeout) {
        scope = $rootScope.$new();
        rootScope = $rootScope;
        mockMyService = myService;
        pingUrl = "http://server:80/ping";
        httpBackend = $httpBackend;
        timeout = $timeout;    

        var unlockDeferred = _$q_.defer();
        unlockDeferred.resolve(unlockRespone);
        spyOn(mockMyService, 'postAction').and.returnValue(unlockDeferred.promise);

        spyOn(rootScope, '$broadcast').and.callThrough();

        ctrl = $controller('MyController', {$scope:scope, myService:mockMyService});

        spyOn(scope, 'performPost').and.callThrough();
    }));   

    it("Should call the viewShoppingCart function", function() {
        httpBackend.expectGET(pingUrl).respond({ status: "OK" });
        scope.performPost('viewShoppingCart');
        timeout.flush(4000);
        expect(scope.loading).toBeFalsy();
        expect(scope.tick).toBeTruthy();   
    });
});

Answer 1

您可以将 500 或其他错误状态作为第一个参数传递给 $httpBackend 的响应方法。

  it("Should call errorException", function() {
        spyOn(scope, 'errorException');
        httpBackend.expectPOST('shopping-cart-url').respond(500, '');
        scope.performPost('viewShoppingCart');
        httpBackend.flush();
        expect(scope.errorException).toHaveBeenCalled();
    });

Answer 2

describe("MyController Tests", function() {

    var scope;
    var ctrl;
    var $q;

    var customer = {
            "accountId" : "12345678901",
            "firstName" : "Joe",
            "lastName" : "Bloggs",
    };

    var response = {};

    beforeEach(inject(function($rootScope, $controller, myService, _$q_, $httpBackend, $timeout) {
        scope = $rootScope.$new();
        rootScope = $rootScope;
        mockMyService = myService;
        pingUrl = "http://server:80/ping";
        httpBackend = $httpBackend;
        timeout = $timeout;   
        $q = _$q_;




        spyOn(rootScope, '$broadcast').and.callThrough();

        ctrl = $controller('MyController', {$scope:scope, myService:mockMyService});

        spyOn(scope, 'performPost').and.callThrough();
    }));   

    it("calls then", function() {
        var deferred = $q.defer();
        deferred.resolve(response);

        spyOn(mockMyService, 'postAction').and.returnValue(deferred.promise);

        // test code for then   
    });

    it("calls catch", function() {
        var deferred = $q.defer();
        deferred.reject(response);

        spyOn(mockMyService, 'postAction').and.returnValue(deferred.promise);

        // test code for catch   
    });
});

Angular 单元测试 .catch 块

Angular unit test .catch block

javascript

unit-testing

jasmine

angularjs

karma-jasmine