$ httpを使用するコントローラのユニットテスト

Question

私は単純なコントローラを持っています。まず、スコープに値を代入する必要があります。

function TestCtrl($scope, $http) { 
    $scope.listForms = 'some list'; 
} 

コントローラについては、次のテストが期待通りに動作します：

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($injector) { 
     scope = $injector.get('$rootScope').$new(); 
     ctrl = $injector.get('$controller'); 
     ctrl(TestCtrl, { $scope: scope }); 
    })); 

    it("assigns to scope", function() { 
     expect(scope.listForms).toMatch("some list"); 
    }); 
}); 

をしかし、私は私のAPI

function TestCtrl($scope, $http) { 
    $http.get('/api/listForms').success(function(list) { 
    $scope.aListOfForms = 'some list'; 
    }); 
} 

と

への試験変更からリストを取得する機能を変更したとき

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($injector) { 
     httpMock = $injector.get('$httpBackend'); 

     scope = $injector.get('$rootScope').$new(); 
     httpMock.when('GET', '/tactical/api/listOrderForms').respond("an order form"); 

     ctrl = $injector.get('$controller'); 
     ctrl(TestCtrl, { 
      $scope: scope, 
      $http: httpMock 
     }); 
    })); 

    it("gets the list from the api and assigns it to scope", function() { 
     httpMock.expectGET('tactical/api/listOrderForms'); 
     expect(scope.orderFormList).toMatch("an order form"); 
     httpMock.flush(); 
    }); 
}); 

geg次のエラー：

TypeError: 'undefined' is not a function 
Expected undefined to match 'an order form'. 
Error: No pending request to flush ! 

私が間違っていることを知っている人はいますか？前もって感謝します。

Answer 1

$ httpは、外部リソースと通信するために$httpBackendを使用します。あなたは$httpBackendを嘲笑しましたが、コントローラはまだそれを使って話をする必要があります$httpのインターフェイスです。

これはそれを行う必要があります。

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($controller, $rootScope, $httpBackend) { 
     httpMock = $httpBackend; 

     scope = $rootScope.$new(); 
     httpMock.when('GET', '/tactical/api/listOrderForms').respond("an order form"); 

     ctrl = $controller; 
     ctrl(TestCtrl, { 
      $scope: scope 
     }); 
    })); 

    it("gets the list from the api and assigns it to scope", function() { 
     httpMock.expectGET('tactical/api/listOrderForms'); 
     httpMock.flush(); 
     expect(scope.orderFormList).toMatch("an order form"); 
    }); 
}); 

Answer 2

expect（）の前にhttpMock.flush（）を呼び出す必要があります。 flush呼び出しは、http要求にバインドされたsuccess関数を呼び出す "バックエンド"から返される応答をシミュレートします。

Answer 3

コントローラの$ httpBackendサービスを手動で$ httpサービスに置き換えることはできません。それが動作するはずです

ctrl(TestCtrl, { 
     $scope: scope, 
     $http: httpMock 
    }); 

ctrl(TestCtrl, { 
     $scope: scope 
    }); 

に

変更。