AngularJS - HTTP POST Async callback was not invoked within timeout specified

Question

I am trying to do a simple HTTP post in my Jasmine test using Karma. I have the code and it works because I use the Chrome app Postman and have successfully retrieved user credentials.

So it must be my unit test. What am I doing wrong?

signInSpec.js:

describe('Service: AuthFactory',function(){

    beforeEach(function () {
        module('ui.router');
        module('users');
    });

    var AuthFactory, httpBackend;

    beforeEach(function($httpBackend, _AuthFactory_) {
        httpBackend = $httpBackend;
        AuthFactory = _AuthFactory_;
    });

    it('should return POST', function(done) {
        AuthFactory.signIn({inputType: {user: "admin"}, credInput: {password: "pass123"}});

    httpBackend.when('POST','http://localhost:3000/api/AuthFactoryServ/signIn')
        .respond (200, {});

    httpBackend.flush(); // to return the response
    }, 20000);

});

and AuthFactory.js:

angular.module('users').factory('AuthFactory', ['$http', function($http) {

    var AuthFactory = {};

    AuthFactory.signIn = function(data) {
        return $http.post('http://localhost:3000/api/AuthFactoryServ/signIn', data);
    };

    AuthFactory.signOut = function(data) {
        return $http.post('http://localhost:3000/api/AuthFactoryServ/signOut', data);
    };

    return AuthFactory;

}]);

And the error:

PhantomJS 1.9.8 (Windows 7 0.0.0) Service: Authentication should return POST F
AILED
        Error: Timeout - Async callback was not invoked within timeout specifi
ed by jasmine.DEFAULT_TIMEOUT_INTERVAL.
        TypeError: 'undefined' is not an object (evaluating 'AuthFactory.signIn')
            at C:/maink/client/tests/signInSpec.js:1

Henry Zou · Accepted Answer · 2016-01-08 16:55:45Z

1

You need to mock the actual ajax call so it will call your fake

it('should return POST', function(done) {
     // dont worry about calls to assets
     httpBackend.when ('POST','http://localhost:3000/api/AuthFactoryServ/signIn')
              .respond (200, {});

    AuthFactory.signIn({inputType: {user: "admin"}, credInput: {password: "pass123"}});
    httpBackend.flush(); // to return the response

edited Jan 8, 2016 at 16:55

answered Jan 8, 2016 at 16:22

Henry Zou

1,9271 gold badge14 silver badges19 bronze badges

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

7 Comments

maurycy Over a year ago

don't forget to flush the calls too

Henry Zou Over a year ago

@maurycy I added the flush

maurycy Over a year ago

Cool, now only the AuthFactory.signIn() has to before flush and OP is all set ;)

Henry Zou Over a year ago

put the mock before the actual api call.

Henry Zou Over a year ago

I updated my code to show the order of mock/api-call

|

Collectives™ on Stack Overflow

AngularJS - HTTP POST Async callback was not invoked within timeout specified

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related