How to test an http request in my case?

Question

I have a service like this.

It is simply just make a http get request.

angular.module('myApp').service('TESTService', ['$http',
    function($http) {
        var request = function(url) {
            return $http({
                method: 'GET',
                url: url
            });
        };
        return {
            get: function(url) {
                return request(url);
            }            
        };
    }
]);

Within my controller, I have called the service

 TESTService.get('/api/product' + id).success(
            function(result) {
                console.log(result)
            }
        );

I need to write the unit test for it

describe('test here', function () {
var testCtrl, scope, httpBackend, testService;

// Initialize the controller and a mock scope
beforeEach(inject(function (_$controller_, _$rootScope_, _$httpBackend_,  _TESTService_) {
    scope = _$rootScope_.$new();
    httpBackend = _$httpBackend_;
    testService = _TESTService_;

    testCtrl = _$controller_('testCtrl', {
        $scope: scope
    });



     it('should return http data', function() {
        var productData = {
           data: [
                {
                  obj: {
                    id:'123'
                  }
                }           
            ]
        }

        httpBackend.expectGET('/api/product/' + id).respond(productData);

        TESTService.get('/api/product/' + id).
            then(function(data) {
                var result = data;
            })

        httpBackend.flush();
        expect(result).toEqual(productData)
    });
 }));

After running the test, I got

Error: Unexpected request: GET /api/product/undefined

How do I write the test to make sure it passes? Any ideas? Thanks a lot!

Just as a side note, testing a service that is using $http is an integration test, not a unit test. Unit Tests are able to be performed in isolation, without the presence of servers, databases, etc. Normally you don't need to do these kind of integration tests anyway, as $http is already known functional from Angular and your backend service should be tested on the server. In other tests, this service would be mocked. — Claies
– Claies, Commented Feb 10, 2015 at 1:00

ZeroGravityChimp · Accepted Answer · 2015-02-10 00:07:33Z

1

Your variable "id" seems to be undefined. If you throw in

var id = 123;

before this line:

httpBackend.expectGET('/api/product/' + id).respond(productData);

It would call /api/product/123 instead.

So maybe you were looking for this in the first place:

 httpBackend.expectGET('/api/product/' + productData.data[0].obj.id).respond(productData);

 TESTService.get('/api/product/' + productData.data[0].obj.id).

And so on... Hope it helps!

answered Feb 10, 2015 at 0:07

ZeroGravityChimp

613 bronze badges

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

1 Comment

FlyingCat Over a year ago

I did what you suggested. It still says Unexpected request: GET /api/product/undefined expect GET /api/product/12345 +1 though

restassured · Accepted Answer · 2015-02-10 00:55:34Z

0

Try putting single quotes around the object that's passed into $http, i.e. $http({method: 'GET', 'url', url});

angular.module('myApp').service('TESTService', ['$http',
    function($http) {
        var request = function(url) {
            return $http({
                method: 'GET',
                'url': url
            });
        };
        return {
            get: function(url) {
                return request(url);
            }            
        };
    }
]);

answered Feb 10, 2015 at 0:55

restassured

1,0182 gold badges9 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to test an http request in my case?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related