Calling a method from an injected service in Jasmine

Question

I'm attempted to unit test a service. I've injected the service however the method call getAllProducts() doesn't appear to run however the test still passes!

Plnkr

service.js

angular.module('vsApp')
  .factory('productsDataService', function($http) {

    var service = {

      getAllProducts: getAllProducts

    };

    // get all products

    function getAllProducts() {

      return $http.get('/apiv1/getAllProducts/').then(function(data) {

        return (data);

      });

    }

    return service;
  });

spec.js

// jasmine

describe('products data service', function () {

    var $httpBackend, productsDataService;

    beforeEach(module('vsApp'));

    beforeEach(inject(function(_$httpBackend_, _productsDataService_) {

        $httpBackend = _$httpBackend_;
        productsDataService = _productsDataService_;

    }));

    it('should get all products', inject(function() {
        console.info("get all");
        // mock response for the http call in the service

        $httpBackend.when('GET', '/apiv1/getAllProducts/')
            .respond({name: 'item', price: '932'});

        //this doesn't seem to run??
        productsDataService.getAllProducts().then(function(response) {
            expect(response.data.length).toBeGreaterThan(1);

        });

    }));

});

"this doesn't seem to run" explain why you think it is not running ? (error ? test excuted ? ) — Moncef Hassein-bey, Oct 12 '15 at 19:14
@MoncefHassein-bey The test passes and there is no error, however if I change the matcher to 'toBeGreaterThan(99)' it still passes — benc, Oct 12 '15 at 19:22
In your plunker the productsDataService is not defined, maybe it's not also in your real tests ? do a "debugger; " before the expectation to see if it is there — Moncef Hassein-bey, Oct 12 '15 at 19:41

score 1 · Accepted Answer · answered Oct 12 '15 at 20:22

1

Ok, you have to make it sync. (all pending request will get resolved) using $http.flush();

Working demo as expected

productsDataService.getAllProducts().then(function(response) {
    console.log(response);
    expect(response.data.length).toBeGreaterThan(999);

});

$httpBackend.flush(); // <=============== here.

answered Oct 12 '15 at 20:22

Moncef Hassein-bey

1,361
9
14

My hero! Can't believe I missed that. Thank you. – benc Oct 12 '15 at 20:27

Calling a method from an injected service in Jasmine

1 Answers1