57

我在我的 Angular 应用程序中定义了以下服务:

services.factory('MyService', ['Restangular', function (Restangular) {
       return {
           events : { loading : true },

           retrieveQuotes : function() {
               return Restangular.all('quotes').getList().then(function() {
                   return { hello: 'World' };
               });
           }
    };
}]);

我正在编写以下规范来测试它:

describe("MyService", function () {

    beforeEach(module('MyApp'));
    beforeEach(module("restangular"));

    var $httpBackend, Restangular, ms;

    beforeEach(inject(function (_$httpBackend_, _Restangular_, MyService) {
        ms = MyService;
        $httpBackend = _$httpBackend_;
        Restangular = _Restangular_;
    }));


    it("retrieveQuotes should be defined", function () {
        expect(ms.retrieveQuotes).toBeDefined();
    });

    it("retrieveQuotes should return array of quotes", function () {

        $httpBackend.whenGET("internalapi/quotes").respond({ hello: 'World' });
        ms.retrieveQuotes();
        $httpBackend.flush();
    });

});

每当我运行测试时,第一个测试通过但第二个测试产生错误:

Error: Unexpected request: GET /internalapi/quotes

我究竟做错了什么?

编辑:

原来我是这样配置的Restangular...... RestangularProvider.setBaseUrl("/internalapi");但我在假装打电话给internalapi/quotes. 注意缺少“/”。一旦我添加了斜线,/internalapi/quotes一切都很好:)

4

2 回答 2

56

您需要告诉 $httpBackend 期待 GET 请求。

describe("MyService", function () {

   beforeEach(module('MyApp'));
   beforeEach(module("restangular"));

   var Restangular, ms;

    beforeEach(inject(function (_Restangular_, MyService) {
        ms = MyService;

        Restangular = _Restangular_;
    }));


    it("retrieveQuotes should be defined", function () {
        expect(ms.retrieveQuotes).toBeDefined();
    });

    it("retrieveQuotes should return array of quotes", inject(function ($httpBackend) {

        $httpBackend.whenGET("internalapi/quotes").respond({ hello: 'World' });

        //expect a get request to "internalapi/quotes"
        $httpBackend.expectGET("internalapi/quotes");

        ms.retrieveQuotes();
        $httpBackend.flush();
    }));

});

或者,您可以将您respond()expectGET(). 我更喜欢以一种不必在每个测试中定义响应的方式来表达我的whenGET()陈述。beforeEach()

        //expect a get request to "internalapi/quotes"
        $httpBackend.expectGET("internalapi/quotes").respond({ hello: 'World' });

        ms.retrieveQuotes();
        $httpBackend.flush(); 
于 2013-08-09T14:10:59.133 回答
18

我和你们有同样的问题。我的解决方案是在 .expectGET 的 URL 参数的开头添加一个“/”。使用您的示例:

$httpBackend.expectGET("/internalapi/quotes").respond({ hello: 'world'})

祝你好运

于 2013-10-03T11:39:39.707 回答