Karma を使用して一部の AngularJS コードの単体テストを学習するのに苦労しており、$httpBackend の使用に夢中になっています。get リクエストをモックし、 への失敗しない呼び出しが見られると予想される場所のみを示す、テストの簡易バージョンを作成しましたhttpBackend.get(...)。
describe('Basics', function() {
var httpBackend;
beforeEach(angular.mock.inject(function($httpBackend) {
httpBackend = $httpBackend;
httpBackend.when("GET", "/foo.json").respond("{\"name\":\"value\"}");
}));
it('should complete this task', function() {
console.log(httpBackend);
var getFoo = httpBackend.get("/foo.json"); // line 11
httpBackend.flush();
});
});
11 行目で失敗しています。ログに表示される内容は次のとおりです。
LOG: function $httpBackend(method, url, data, callback, headers, timeout, withCredentials) { ... }
Chrome 36.0.1985 (Mac OS X 10.9.4) Basics should complete this task FAILED
TypeError: undefined is not a function
at null.<anonymous> (/path/to/app/main/httptest.js:11:30)
Chrome 36.0.1985 (Mac OS X 10.9.4): Executed 1 of 1 (1 FAILED) ERROR (0.023 secs / 0.021 secs)
私は何が欠けていますか?
[編集: ここで私が間違ったところです... $httpBackend を $http のモックであるかのように扱っていましたが、そうではありませんでした。次のコードは成功します。]
describe('Basics', function() {
var httpBackend;
var http;
beforeEach(angular.mock.inject(function($httpBackend, $http) {
httpBackend = $httpBackend;
http = $http;
httpBackend.when("GET", "/foo.json").respond("{\"name\":\"value\"}");
}));
it('should complete this task', function() {
console.log(httpBackend);
var getFoo=http.get("/foo.json") // line 11
.success(function(data) {})
.error(function() {});
httpBackend.flush();
})
});