angular jasmine multiple nested httpbackend calls

Question

I am trying to test a angularjs service with jasmine that calls a resource service and in the then function calls another nested resource function. I am using httpbackend to flush mock responses. The issue is that, while testing, it is not flushing the second response to the second nested resource service request and I am erred out with the error Error: Unflushed requests: 1

RestaurantService

var deferred;
var restaurantinfo = {};

var loadMenu = function(){
    return Menu.query({}).$promise.then(function(response){
        restaurantinfo.menu = response
    })
}

var loadLocation = function(){
    return Location.query({}).$promise.then(function(response){
        restaurantinfo.location = response;
    })
}

var getRestaurantInfo = function(){
    if(!deferred && (!restaurantinfo.menu.length == 0 || restaurantinfo.location.length === 0)){
        deferred = $q.defer();
            return loadMenu()
               .then(loadLocations)
               .then(function(){
                    deferred.resolve(billinghistory);
                    return deferred.promise;
                })
        } else {
            if(!deferred.promise.$$state.status){ return deferred.promise; }
            deferred.resolve(billinghistory);
            return deferred.promise;
        }
}

Test Spec

beforeEach(inject(function(_$httpBackend_, RestaurantService, _Menu_, _Locations_){
    httpBackend = _$httpBackend_;
    mockRestaurantService = _RestaurantService_;


    httpBackend.expect('GET', '/api/menu').respond(mockMenu);
    httpBackend.expect('GET', '/api/locations').respond(mockLocations);

    mockBalanceService.getRestaurantInfo();
    httpBackend.flush()

}))

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

the loadMenu and loadLocation functions just call angular Resource services

httpbackend is flushing the first call to api/menu but is not making the second call to api/location

please can you put the angualr code of the promises in detail. — Álvaro Touzón
– Álvaro Touzón, Commented Nov 18, 2016 at 6:43
Updated as much as I can, the software I work on is pretty proprietary. — Luke Flournoy
– Luke Flournoy, Commented Nov 18, 2016 at 6:54

Álvaro Touzón · Accepted Answer · 2016-11-18 07:07:32Z

0

th property : 'returnValue' to mock the http service, and make a spyOn to the call

var error = {
                code : 500,
                mensaje1:'err'
            },

                spyOn(getRestaurantInfo)
                .and.returnValue({
                    then: function (callbackSuccess, callbackError) {
                        callbackError(error);
                    }
                });

This will be a promise for error. Tell me if well for your code. thanks

answered Nov 18, 2016 at 7:07

Álvaro Touzón

1,2301 gold badge8 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Luke Flournoy · Accepted Answer · 2016-11-18 16:17:47Z

0

Ok turns out I was only flushing one of the backend calls. I added another httpBackend.flush() and both backend calls were flushed.

answered Nov 18, 2016 at 16:17

Luke Flournoy

3,8333 gold badges19 silver badges22 bronze badges

Collectives™ on Stack Overflow

angular jasmine multiple nested httpbackend calls

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related