$ httpBackend：角度単位 - GETリクエストの送信テスト

Question

（コンポーネントの）コントローラがURLにGETリクエストを送信していることをテストしたいと思います。私はそれがGETリクエストを取得していない場合

httpBackend.expectGET('/some/random/url'); 

は、HTTPのバックエンドをスパイと失敗するだろうと期待していたので、私は失敗し、次のスペックを期待していた。

describe('myApp', function() { 
    var httpBackend; 

    beforeEach(module('myApp')); 

    beforeEach(inject(function($httpBackend) { 
    httpBackend = $httpBackend; 
    })); 

    it('sends a GET request to /some/random/url', function() { 
    httpBackend.expectGET('/some/random/url'); 
    httpBackend.expect('GET', '/some/random/url'); 
    }); 

}); 

をしかし、これは通過しているようですこれに自明

Starting the Teaspoon server... 
Teaspoon running default suite at http://127.0.0.1:56255/teaspoon/default 
.. 

Finished in 0.01200 seconds 
2 examples, 0 failures 

：

angular.module('myApp', []); 

expectGETがやっていることを誤解していると思います。これは私がチェックしようとしていることを確認する方法ではありません。

Answer 1

私は通常、httpモックを扱うspec（テスト）ファイルに次のコードを追加します。これにより、コールがフラッシュされ、未処理の期待/要求がないことが確認されます。

afterEach(() => { 
    try { 
     $httpBackend.flush(); 
    } catch (e) { 
    } 
    $httpBackend.verifyNoOutstandingExpectation(); 
    $httpBackend.verifyNoOutstandingRequest(); 
}); 

これには、

describe('myApp', function() { 
    var httpBackend; 

    beforeEach(module('myApp')); 

    beforeEach(inject(function($httpBackend) { 
    httpBackend = $httpBackend; 
    })); 

    afterEach(() => { 
     try { 
      httpBackend.flush(); 
     } catch (e) { // entering here is a sign your unit test failed 
     } 
     httpBackend.verifyNoOutstandingExpectation(); 
     httpBackend.verifyNoOutstandingRequest(); 
    }); 

    it('sends a GET request to /some/random/url', function() { 
    httpBackend.expectGET('/some/random/url'); 
    httpBackend.expect('GET', '/some/random/url'); 
    }); 

}); 

Answer 2

httpBackendにflush()と電話するのを忘れました。それは、期待されるすべてのリクエストが受信されたことを確認するときです。