使用真实的XHR数据进行AngularJS / Karma单元测试/ passThrough()

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

您最有可能在不同的端口上运行karma，而不是在具有实际数据的服务可用的端口上运行karma。如果您可以将您的请求重新路由到运行具有实际数据的服务的服务器/端口，这样它就不会遇到CORS，您将能够使其工作。在我的项目中，当使用passThrough()时，我使用Charles proxy to map urls来绕过CORS。您还可以使您的真实数据服务CORS兼容，以使事情变得轻松。