標題中包含數據的單元測試角度http.post

Question

我正在嘗試為執行http.post到通過標頭中的憑據的api的服務編寫單元測試。

控制器：

app.controller('LoginController', function($scope, $http, signInService) {

    $scope.LogIn = function(usrnm, pwd) {
        signInService.authUser(usrnm, pwd)
        .success(function (data, status, headers, config) {
            // Display success message
            $scope.gotToAddress = data.successUrl;
        })
        .error(function (data, status, headers, config) {
           // Display error message
        }
    }
});

signInService：

app.service('signInService', function($http) {

    this.authUser = function (usrnm, pwd) {

        return $http({
            url: '/api/json/authenticate',
            method: "POST",
            data: '{}',
            headers: {
                'Content-Type': 'application/json',
                'X-app-Username': usrnm,
                'X-app-Password': pwd
            }
        });
    };
});

單元測試：

describe('mocking service http call', function() {
    beforeEach(module('myApp'));

    var LoginController, $scope;

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

            $httpBackend.when('POST', '/api/json/authenticate', {}, function(headers) {
            return {
                'Content-Type': 'application/json',
                'X-app-Username': 'admin',
                'X-app-Password': 'admin'
            };
        }).respond(200)

            LoginController = $controller('LoginController', { $scope: $scope });
            $httpBackend.flush();
        }));

        it('should set data to "things and stuff"', function() {
            expect($scope.data).toEqual({things: 'and stuff'});
        });
    });
});

運行測試時，我看到以下錯誤：帶有httpBackend的模擬服務http調用»錯誤：沒有待處理的刷新請求！

---

具有.succeed服務的控制器：

app.controller('LoginController', function($scope, $http, signInService, cookieSrv) {

    $scope.LogIn = function(usrnm, pwd) {
        signInService.authUser(usrnm, pwd)
        .success(function (data, status, headers, config) {
            // Display success message
            var cookieID = 'myCookie';
            cookieSrv.createCookie(cookieID, data.token, 3, data.redirectUrl);
        })
        .error(function (data, status, headers, config) {
           // Display error message
        }
    }
});

cookieSrv.js

app.service('cookieSrv', function() {
    return {
        createCookie : function(cookieID, token, days, redirectUrl) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
            }
            else var expires = "";
            document.cookie = cookieID+"="+token+expires+"; path=/";

            window.location.assign(redirectUrl)
        }
    }
});

Answer 1

您的控制器在$scope上定義了方法logIn，但是您沒有在測試中調用此函數，因此不會發出實際的http請求。

在調用flush之前，通過調用$scope.logIn修改測試

LoginController = $controller('LoginController', { $scope: $scope });
$scope.logIn("Test","test");  // Add this
$httpBackend.flush();