无法使用$ httpBackend测试POST $ http请求

尝试通过单元测试覆盖我的应用的http请求。我使用Jasmine和Karma，并一步一步地使用本教程编写我的代码：https://docs.angularjs.org/api/ngMock/service/ $ httpBackend。但是，我得到一个错误：

Error: No pending request to flush ! 
     at Function.$httpBackend.flush (eval at <anonymous> (app/index.js:105:1), <anonymous>:1839:41) 
     at Object.eval (eval at <anonymous> (app/index.js:137:1), <anonymous>:37:20)

这个答案Unit testing AngularJS controller with $httpBackend是我的问题很普遍，但是当我移动const controller = createController();下来 - 我有另外一个错误：Error: Unsatisfied requests: POST http://loalhost:5000/register。

我的错误在哪里？我执行错了什么？

我的单元测试：

$scope.status; 
    $scope.isFetching = false; 

    const handleResponse = response => { 
    $scope.status = response.status; 
    $scope.isFetching = false; 
    }; 

    $scope.next = (email, password) => { 
    $scope.isFetching = true; 
    $http 
     .post('http://localhost:5000/register', { email, password }) 
     .then(response => handleResponse(response)) 
     .catch(response => handleResponse(response)); 
    };

UPD

我也尝试过每一个$httpBackend.flush()之前添加这一个（喜欢这里Angularjs testing (Jasmine) - $http returning 'No pending request to flush'：

beforeEach(window.module(ngModule.name)); 

let $httpBackend, $rootScope, $controller, $scope, createController; 

beforeEach(
    inject($injector => { 
    $httpBackend = $injector.get('$httpBackend'); 
    $controller = $injector.get('$controller'); 
    $rootScope = $injector.get('$rootScope'); 
    $scope = $rootScope.$new(); 

    createController =() => 
     $controller('RegistrationController', { $scope }); 
    }) 
); 

afterEach(() => { 
    $httpBackend.verifyNoOutstandingExpectation(); 
    $httpBackend.verifyNoOutstandingRequest(); 
}); 

it('should successfully register user',() => { 
    const controller = createController(); 
    $httpBackend.flush(); 
    $httpBackend.expectPOST('http://localhost:5000/register').respond(); 
    $scope.next('[email protected]', '123456'); 
    $httpBackend.flush(); 
});

从控制器的代码块）：

if(!$rootScope.$$phase) { 
    $rootScope.$apply(); 
}

但无论如何，没有什么改变。

来源

2017-06-17 rel1x

您控制器创建这里后调用$ httpBackend.flush（）：

it('should successfully register user',() => { 
    const controller = createController(); 
    $httpBackend.flush(); //<-- this is not necessary if controller creation doesn't involve $http calls 
    $httpBackend.expectPOST('http://loalhost:5000/register').respond(); 
    $scope.next('[email protected]', '123456'); 
    $httpBackend.flush(); 
});

应该是这样的：

it('should successfully register user',() => { 
    const controller = createController(); 
    $httpBackend.expectPOST('http://loalhost:5000/register').respond(); 
    $scope.next('[email protected]', '123456'); 
    $httpBackend.flush(); 
});

来源

2017-06-17 17:39:32

哦，我的上帝。我花了大约2个小时来解决这个问题。非常感谢！ – rel1x

@ rel1x非常欢迎:) –

无法使用$ httpBackend测试POST $ http请求

回答

相关问题