如何在AngularJS服务Jasmine测试中模拟$http?

前端之家收集整理的这篇文章主要介绍了如何在AngularJS服务Jasmine测试中模拟$http?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试测试AngularJS服务carService,但$httpBackend似乎不起作用.
//carService
angular.module('services').factory('carService',function($http) {
        return {
            getTypes: function() {
                return $http.get('/api/cars/types');
            }
        };
    });

任何人都可以解释为什么响应为空?

describe("Services",function () {

    beforeEach(module("app.services"));

    describe("Car services",function () {

        var service,$httpBackend;

        beforeEach(inject(function($injector) {
            service = $injector.get('carService');
            $httpBackend = $injector.get('$httpBackend');

            $httpBackend.when('GET',"/api/cars/types").respond(["Toyota","Honda","Tesla"]);
        }));

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

        it('getTypes - should return 3 car manufacturers',function () {
            service.getTypes().then(function(response) {
                expect(response.length).toEqual(3); //the response is null
            });
            $httpBackend.flush();
        });


    });
});
试试这个:
expect(response.data.length).toEqual(3);

$http请求返回的响应对象具有data属性(docs)中的响应数据.

猜你在找的Angularjs相关文章