javascript - 无法使用$ 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。

我的错误在哪里？我实施错了什么？

我的单元测试：

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('hello@gmail.com', '123456');
  $httpBackend.flush();
});

来自控制器的代码块：

  $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'）：

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

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

最佳答案

在创建控制器后，您可以在此处调用$ 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('hello@gmail.com', '123456');
  $httpBackend.flush();
});

应该是这样的：

it('should successfully register user', () => {
  const controller = createController();
  $httpBackend.expectPOST('http://loalhost:5000/register').respond();
  $scope.next('hello@gmail.com', '123456');
  $httpBackend.flush();
});

关于javascript - 无法使用$ httpBackend测试POST $ http请求，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44607153/