How to test Angular Factory Objects using Jasmine

Question

The problem I'm trying to solve is the ability to test my factory using Jasmine.

Below is a copy of my app and factory:

var app = angular.module('app', []);

app.factory('service', function ($http) {
    return {
        getCustomers: function (callback) {
            $http.get('/Home/Customers').success(callback);
        },
        getProfile: function (callback, viewModel) {

            $http.post('/Home/Profiles', JSON.stringify(viewModel), {
                headers: {
                    'Content-Type': 'application/json'
                }
            }).success(callback);
        }
    };
});

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

I have also setup jasmine but I'm having trouble testing the above "getCustomers" and "getProfile".

Below is my current attempt:

  describe("getCustomers", function (service) {
      beforeEach(module('service'));
         describe('getCustomers', function () {
            it("should return a list of customers", inject(function(getCustomers){
              expect(getCustomers.results).toEqual(["david", "James", "Sam"]);
         }))
      })
  });

This would be really helpful if someone could provide an example of how to test both "getCustomers" and "getProfile" in two separete tests.

Kind regards.

zs2020 · Accepted Answer · 2013-08-29 21:36:55Z

4

You can mock the Http GET request and test the service like this

describe("getCustomers", function (service) {
    beforeEach(module('app'));

    var service, httpBackend;
    beforeEach(function () {
        angular.mock.inject(function ($injector) {
            httpBackend = $injector.get('$httpBackend');
            service = $injector.get('service');
        })
    });

    describe('getCustomers', function () {
        it("should return a list of customers", inject(function () {
            httpBackend.expectGET('/Home/Customers').respond(['david', 'James', 'Sam']);
            service.getCustomers(function (result) {
                expect(result).toEqual(["david", "James", "Sam"]);
            });
            httpBackend.flush();
        }))
    })
});

Working Demo

answered Aug 29, 2013 at 21:36

zs2020

54.7k30 gold badges157 silver badges223 bronze badges

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

5 Comments

AngularM Over a year ago

Hi, Thank you for your response.

AngularM Over a year ago

I still get this error: getCustomers encountered a declaration exception. ReferenceError: module is not defined in localhost:64550/Content/spec.js

zs2020 Over a year ago

@Mark Have a look at the working demo I created for you and you should be able to compare it with your solution.

AngularM Over a year ago

Hi, I did that but still couldn't get it working. Seems to be something to do with how I've setup the spec runner.

AngularM Over a year ago

I've now got this error with the spec runner: Failed to instantiate module myApp due to: [$injector:modulerr]

Collectives™ on Stack Overflow

How to test Angular Factory Objects using Jasmine

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related