How to unit test $http in angularjs and Jasmine

Question

Here is my code, I've made a Plunker as the code is long:

 describe("create", function(){
        it("Should be defined", function(){
            expect(BaseService.create).toBeDefined();
        });

        it("it should POST to http://api.test.com/TEST/", function(){

          /***
           * 
           * NOT TO SURE WHAT TO DO HERE
           * 
           */

        })
    });

http://plnkr.co/edit/s8P2XlkfR6HfGuj8WIcb

I am new to Unit Testing so I am having a bit of trouble working out how to assert the following:

If the method is going to x url
If the method is using x method (e.g. GET, PUT, POST or DELETE)
If the data passed to the method is the same as the data that is sent in the call
If the return type of the method is a Promise
If the contents of the Promise matches the expected type.

On a side note I am also open to suggestions for things I should also test.

Read docs.angularjs.org/api/ngMock/service/$httpBackend, and try something. — JB Nizet
– JB Nizet, Commented Jun 29, 2015 at 5:45
@JBNizet given very good reference to for unit testing of $http..It will helpful. — RIYAJ KHAN
– RIYAJ KHAN, Commented Jun 29, 2015 at 6:27

ngLover · Accepted Answer · 2015-06-29 05:59:41Z

You can use httpBackend mock service that will help to test your $http.

describe('Myctrl', function() {

   var $httpBackend, scope, createController, authRequestHandler;

   // Set up the module
   beforeEach(module('MyApp'));

   beforeEach(inject(function($injector) {

     // Set up the mock http service responses

     $httpBackend = $injector.get('$httpBackend');

     // backend definition common for all tests

     authRequestHandler = $httpBackend.when('GET', 'service.json')
                            .respond(true);

     // Get hold of a scope (i.e. the root scope)

     $rootScope = $injector.get('$rootScope');

     // The $controller service is used to create instances of controllers
     var $controller = $injector.get('$controller');


     createController = function() {

       return $controller('MyController', {'$scope' : scope});

     };

   })

);


   afterEach(function() {

     $httpBackend.verifyNoOutstandingExpectation();

     $httpBackend.verifyNoOutstandingRequest();


   });

   it('should fetch authentication token', function() {

     $httpBackend.expectGET('service.json');

     var controller = createController();

     expect(scope.names).toBe(true); 

     $httpBackend.flush();

   });


});

Collectives™ on Stack Overflow

How to unit test $http in angularjs and Jasmine

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related