ジャスミンでAngularJSのデータポーリングをテストする方法は？

Question

私は

コントローラロジックは、この

$onInit() { 
    this.requestRootLocations(); 
    this.startDataPolling(); 
} 

private startDataPolling() { 

    this.stop = this.$interval(() => 
    this.requestRootLocations() 
    , this.DATA_POLLING_INTERVAL); 
} 

private requestRootLocations() { 
     this.locationsService.requestRootElements().then(function (locationItem) { 
     ... 

     this.entityList = (locationItem["locations"] instanceof Array) ? locationItem["locations"] : []; 
     }.bind(this), function() { 
     console.log("Error on loading locations data."); 
     }); 
    } 

アップデートのように見える私のコントローラのテストデータのポーリングに悩みを持っている：サービスで httpリクエスト：

public requestRootElements() { 
     return this.$http.get(this.API + "locations").then((response) => response.data); 
    } 

これは正常に動作します期待通り。

テストケースはこの

it("should call http request on intervals", function() { 

    ctrl.$onInit(); 
    $httpBackend.whenGET(api + "locations").respond(200, locationData); 

    // advance in time by 1 seconds 
    $interval.flush(1000); 

    $httpBackend.expectGET(api + "locations"); 
    // after 1 seconds locations should be called once 
    $httpBackend.flush(); 

    expect(ctrl.counts.length).toBe(4); 
    expect(ctrl.entities.length).toBe(6); 

    $interval.flush(dataPollingInterval); 
    $httpBackend.expectGET(api + "locations"); //does not work, why? 
    $httpBackend.flush(); 

    // after the second call the data should be the same in this case 
    expect(ctrl.counts.length).toBe(4); 
    expect(ctrl.entities.length).toBe(6); 
}); 

のように見えますが、2番目expectGETにエラー

Error: Unsatisfied requests: GET /apiv1/locations

Answer 1

は、ここでの問題は、ユニットが分離されていないということです。これはユニットテストではなく、統合テスト（コントローラ+サービス+ $インターバル）です。テストが赤色になると、どのユニットが故障したかは分かりません。

これをユニットテストするための適切な戦略は、テストされたユニット（コントローラ）以外のすべてを模擬することです。 $intervalもオプションで嘲笑することができます。実際にどのように動作するかテストする必要はありません。これは既にAngularによってテストされています。

constructor(...) { 
    ... 
    // bind callback method 
    this.dataPollingHandler = this.dataPollingHandler.bind(this); 
} 

$onInit() { 
    this.requestRootLocations(); 
    this.stop = this.$interval(this.dataPollingHandler, this.DATA_POLLING_INTERVAL); 
} 

private dataPollingHandler() { 
    this.requestRootLocations() 
} 

そしてそれは

spyOn(ctrl, 'requestRootLocations'); 

// unbind callback method 
ctrl.dataPollingHandler.call(null); 

expect(ctrl.requestRootLocations).toHaveBeenCalled(); 

... 

var intervalPromise = $q.resolve(); 
var intervalMock = jasmine.createSpy().and.returnValue(intervalPromise); 
var ctrl = $controller(..., { $interval: intervalMock }); 

ctrl.$onInit(); 
expect(ctrl.stop).toBe(intervalPromise); 
expect($intervalStub).toHaveBeenCalledWith(ctrl.dataPollingHandler, 1000); 

... 

var locationsServiceMock = { 
    requestRootLocations: jasmine.createSpy().and.returnValue($q.resolve(locationData)); 
} 

var ctrl = $controller(..., { locationsService: locationsServiceMock }); 
// now ctrl.requestRootLocations can be tested 
... 

ように試験することができるスイートユニットと統合テストの両方を有することがOKであるが、適切なコントローラおよびサービスユニットのテストが存在する場合、統合テストは、冗長になります。