CODEWITHSUNDEEP
javascriptangularjsjasmine
Anto
Anto

Reputation: 4305

Jasmine test fails in AngularJS factory

I have create in AngularJS the following basic factory that retrieves an array of objects:

angular.
module('core.beer-retriever').
factory('Beer', ['$resource',
  ($resource) => {
    return $resource('https://www.xxxxxxxxx.com/v2/beers', {}, {
      query: {
        method: 'GET',
        isArray: true
      },
    });
  },
]);

I have created the following test with Jasmine:

  describe('Beer Service', function() {
    beforeEach(angular.mock.module('core.beer-retriever'));

    beforeEach(inject(function($httpBackend) {
      let beersRetrieved = {
        results: [{
          "id": 192,
          "name": "Punk IPA 2007 - 2010",
        }]
      };
      $httpBackend.whenGET('https://api.xxxxxxxxx.com/v2/beers')
        .respond(beersRetrieved);
    }));

    it('is defined', inject(function(Beer) {
      expect(Beer).toBeDefined();
    }));

    it('returns a resource function', inject(function(Beer) {
      const output = Beer;
      expect(output).toEqual(jasmine.any(Function));
      expect(output.query({}.$promise)).toBeDefined();
    }));

    it('returns beers',
      inject(function(Beer) {
        const output = Beer.query();
        expect(output.length).toEqual(1);
        expect(output[0].id).toEqual(192);
        httpBackend.flush();
      }));
  });

The first two tests are successful, but the third fails:

Expected 0 to equal 1.
TypeError: Cannot read property 'id' of undefined
            at Object.<anonymous> (app/core/beer-retriever/beer-retriever.spec.js:29:25)
            at Object.invoke (app/bower_components/angular/angular.js:4862:19)
            at Object.WorkFn (app/bower_components/angular-mocks/angular-mocks.js:3170:20)

How can I figure out where the problem is?

Upvotes: 0

Views: 60

Answers (1)

raja reddy
raja reddy

Reputation: 382

Need to add a resolve function to your resource promise object. checkout this working plunker

output.$promise.then(function(data) {
        console.log(data);
        output = data[0].results;
      });

And full spec looks as shown below:

  it('returns beers',
    inject(function(Beer, $httpBackend) {
      var output = Beer.query();
      output.$promise.then(function(data) {
        console.log(data);
        output = data[0].results;
      });
      $httpBackend.flush();
      console.log('a11: ' + JSON.stringify(output));
      expect(output.length).toEqual(1);
      console.log(output[0].id);
      expect(output[0].id).toEqual(192);
    }));

Upvotes: 1

Related Questions