CODEWITHSUNDEEP
angularjsjasminehttpbackend
Patrick Haggood
Patrick Haggood

Reputation: 79

Jasmine test with httpBackend doesn't return expected result

I have a very simple unit test for my $resource-wrapping service. I have httpBackend mocked and setup to return an array of seven items. When I run the test, it reports that 4 items have been returned, not 7:

function (a1, a2, a3, a4) { ... }

Expected 4 to be 7.

Below is my service and my spec

=== service ===

/* original 
angular.module('TeamSportApp')
.factory('LedgerService', function ($resource) {
    var Ledgers =  $resource("/rest/api", { id: '@id'},
        {
            allLedgers : { method: 'GET', isArray: true},
            postTransaction : { method: 'POST'},
            removeTransaction : { method: 'DELETE'}
        });
    return Ledgers;
})*/

/* Fixed */
    .factory('LedgerService', function ($resource) {
    var Ledgers =  $resource("/rest/api/:id", { id: '@id' },
        {
            allLedgers : { method: 'GET', isArray: true},
            postTransaction : { method: 'POST'},
            removeTransaction : { method: 'DELETE'}
        });
    return Ledgers;
})

})

=== spec ===

 var ledgerArray = [
 {id:1, name:"Master Ledger"},
 {id:2, name:"User1 Ledger"},
 {id:3, name:"User2 Ledger"},
 {id:4, name:"User3 Ledger"},
 {id:5, name:"User4 Ledger"},
 {id:6, name:"User5 Ledger"},
 {id:7, name:"User6 Ledger"}
 ];
 ddescribe('Ledger service test', function(){
 var ledgers, httpBackend;
 beforeEach(module('TeamSportApp','ngResource'));

 beforeEach(inject(function ($injector) {
     ledgers = $injector.get("LedgerService");
     httpBackend = $injector.get("$httpBackend");
 }));

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

 /* ORIGINAL ERROR 
 it('gets a list of ledgers', function() {
     httpBackend.when('/rest/api').respond(ledgerArray);
     var result = ledgers.allLedgers;
     console.log(result);
     expect(result.length).toBe(4);
     //httpBackend.flush();
 });*/

 /* All fixed using angular1.2.14 per [this][1] */
     it('gets a list of ledgers', function() {
     httpBackend.expectGET('/rest/api').respond(ledgerArray);
     var result = ledgers.allLedgers();
     httpBackend.flush();
     expect(result.length).toBe(7);
 });

 it('gets a single ledger', function() {
     httpBackend.expectGET('/rest/api/2').respond(singleLedger);
     var result = ledgers.get({id:2});
     httpBackend.flush();
     console.log(result);
     expect(result.name).toBe(singleLedger.name);
 });

});

Upvotes: 3

Views: 1940

Answers (1)

Ye Liu
Ye Liu

Reputation: 8976

Try this:

Service:

.factory('LedgerService', function ($resource) {
    var Ledgers =  $resource("/rest/api/:id", { id: '@id'},
        {
            allLedgers : { method: 'GET', isArray: true},
            postTransaction : { method: 'POST'},
            removeTransaction : { method: 'DELETE'}
        });
    return Ledgers;
});

Test:

it('gets a list of ledgers', function() {
    httpBackend.expect('/rest/api/').respond(ledgerArray);
    var result = ledgers.allLedgers();
    httpBackend.flush();
    expect(result.length).toBe(7);
});

Upvotes: 3

Related Questions