使用$ httpBackend

时间:2015-07-31 04:40:27

标签: angularjs unit-testing post options httpbackend

我遇到了一个问题,我正在尝试测试使用$ resource设置的服务,并且有各种方法GET,PUT,POST。

我在我的测试中使用$ httpBackend,它在测试GET请求时工作正常但在PUT / POST上失败 - 我认为这可能是由于它首先发送了一个OPTIONS请求。

奇怪的是,如果我将工厂更改为使用$ http.post()而不是使用$ resource,则测试通过正常。

有没有人知道解决这个问题的方法?我可以关闭OPTIONS请求吗?还是什么......?

谢谢!

服务

angular.module('myApp')
.factory('Reports', function ($resource, ApiConfig) {
        return $resource(ApiConfig.urlBase + "/protected/HttpResource/:id",{},{
        update: {method: 'PUT'},
        get: {method: 'GET',isArray: true},
        search: {method: 'GET',isArray: false},
        save: {method: 'POST'}
    });
});

ApiConfig.urlBase在测试中解析为http://localhost:8080/ ...

测试文件

describe("Reports", function() {

beforeEach(module("myApp"));

beforeEach(inject(function(_Reports_, _$httpBackend_, _ApiConfig_) {
    Reports = _Reports_;
    $httpBackend = _$httpBackend_;
    ApiConfig = _ApiConfig_;
}));

afterEach(function() {
    $httpBackend.verifyNoOutstandingExpectation();
    $httpBackend.verifyNoOutstandingRequest();
});

describe("save method", function() {

    var report = {name: "TestReport", type: "HttpResource"};

    beforeEach(function() {
        url = ApiConfig.urlBase + "/protected/HttpResource/";
        $httpBackend.when("POST", url).respond();
    });

    it("should make POST request when save method called", function() {
        $httpBackend.expectPOST(url);
        Reports.save(report);
        $httpBackend.flush();
    });
});
});

1 个答案:

答案 0 :(得分:0)

好的,所以我设法让这个工作,它与OPTIONS无关,只是与我正在检查的URL有关。

$ resource默认设置为自动删除尾随斜杠 - 您可以将其关闭(请参阅Angular docs for $ resource)或者我刚刚更改了测试类中的URL并删除了最后一个“/".

    beforeEach(function() {
        url = ApiConfig.urlBase + "/protected/HttpResource";
        $httpBackend.when("POST", url).respond();
    });

我的PUT请求使用了与上面相同的URL,这让我困惑了一段时间,因为我期待我在URL中使用的ID。

也许这有助于其他人:)