How to get the params from an http requests when unit testing in angularjs?

Question

I have defined a method for my controller, like

$scope.submitForm = ( username, password ) =>{
    $http({ 
        method: 'post',
        url: 'balabala',
        params: {username, password}
    }).success( res => { /* */ } );
}

My test specs look like:

descript('myController', () => {
    beforeEach(module('myModule'));

    let controller, httpBackend, http, scope;

    beforeEach(inject(($controller, $httpBackend, $http, $scope) => {
        scope = $scope.$new();
        httpBackend = $httpBackend;
        http = $http;
        controller = $controller;

        httpBackend.when('POST', '/login')
            .respon({
                result: 'ok'
            });
    }));

    it('should POST login', () => {
        httpBackend.expectPOST('/login');
        const myController = controller('myController', {
            $scope: scope,
            $http: http
        });
        scope.submitForm();
        httpBackend.flush();
    });
});

How can I make sure that username and password have been posted?

//EDIT: How do I assess the body of POST request?

const data = { foo: "1", bar: { x: "2" } };

httpBackend.expectPOST('http://example.com').respond((method, url, data, headers, params) => {
    console.log(method, url, data, headers, params);
});

http({
    url: 'http://example.com',
    method: 'POST',
    data
});

The output is:

'POST', 'http://example.com', 'foo=1&bar=2', Object{Accept: 'application/js on, text/plain, /', Content-Type: 'application/x-www-form-urlencoded;charset=u tf-8'}, undefined

Vikash Kumar · Accepted Answer · 2016-07-29 06:29:19Z

0

Add a response value associated to post i.e

httpBackend.expectPOST('/login').respond({success:true});

And don't use when because expectPost will make sure that you are calling that post method if not it will throw an error if you are getting no errors then assume that post method has been called.

$httpBackend .whenGET('/testpath/testurl/z/values?max=10&min=1').respond(function(method, url, data, headers, params) {

// params will be {
//   max: 10,
//   min: 1
// }

});

edited Jul 29, 2016 at 6:29

answered Jul 29, 2016 at 6:03

Vikash Kumar

1,7161 gold badge12 silver badges17 bronze badges

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

7 Comments

Zen Over a year ago

Do you know how to get params and body when using httpBackend?

Zen Over a year ago

One question, How do I assess the body of POST request? I have edited my question..

Vikash Kumar Over a year ago

you can't do directly you need to have a get call.

Zen Over a year ago

get call? what is it?

Zen Over a year ago

Maybe it's because I'm using an old version of angular 1.2.6

|

Collectives™ on Stack Overflow

How to get the params from an http requests when unit testing in angularjs?

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