実際のXHRデータ/ passThrough（）でAngularJS/Karmaユニットテスト

Question

passThrough（）を使用して私の単体テストに実際の$ httpデータを使用したいと思います。

var should = chai.should(); 
beforeEach(module('myApp', 'ngMockE2E')); 
beforeEach(inject(function(_$httpBackend_, _$rootScope_, _$http_) { 
    $scope = _$rootScope_; 
    $http = _$http_; 
    $httpBackend = _$httpBackend_; 
})); 

it.only('blah', function(done) { 
$httpBackend.whenGET('/api/data').passThrough(); 

    $scope.$apply(function() { 
    $http.get('/api/data').success(function(data) { 
    data.should.eql({"foo": "bar"}); 
    done(); 
    }); 
}); 

// Evidently not required with E2E 
//$httpBackend.flush(); 

}); 

しかし、これはエラーを与える：

は、ここで私がこれまで持っているものだ

Unexpected request: GET /api/data 
No more request expected 
Error: Unexpected request: GET /api/data 
No more request expected 

私はタイムアウトを呼び出し適用を削除した場合。

Answer 1

ほとんどの場合、実際のデータを持つサービスが利用可能なポートとは異なるポートでカルマを実行している可能性があります。 CORSに遭遇しないように、実際のデータを持つサービスが動作しているサーバー/ポートにリクエストをリルートすることができれば、それを動作させることができます。私のプロジェクトでは、passThrough()を使用したときにCORSを回避するためにCharles proxy〜map urlsを使用します。 実際のデータサービスCORSと互換性を持たせることもできます。