How to define tests with Jasmine for $resource (AngularJS)

Question

I want to define tests for my angular app but I don't know how to work with because it's my first time to write tests.

However, it's important for me to define Tests with Jasmine for REST Service in my application. Well, my question is how can I test the GET requests. I was on the jasmine site and have read the sample there. But it was only a test whether the URL is correctly written.

My intention is to check if I get response data back? Is that possible? Also in Angular Doc is written that for $resource is $httpBackend recommended. That's why I'm a bit confused how starting define the tests.

At first my services:

resService:

testApp.factory('ResService', ['$resource', 'baseUrl',
    function ($resource, baseUrl) {
        return {
            group: $resource(baseUrl + '/api/qr_group/:Id', {
                Id: '@Id'
            }, {})
        }
    }]);

CrudService:

...
getAllGroups: function () {
    return ResService.group.query();
},

At last my Controller with the request: TestCtrl:

CrudService.getAllGroups().$promise.then(
      function (response) { $scope.groups = response; },
      function (error) { errMessage(error); }
);

Do anyone has an idea? It would be helpful :)

Moncef Hassein-bey · Accepted Answer · 2015-09-14 12:00:58Z

3

Update for the @downvoter :

I quote from his question : "My intention is to check if I get response data back? Is that possible?" Is testing the backend with angular unit test framework correct ?

My original answer :

You are trying to test your REST API and not the frontend part (angular app.).

This tests must be on backend part, the service in Angular assumes that it receive a good answer, this is why there is $httpBackend, to isolate your service logic from the REST API.

edited Sep 14, 2015 at 12:00

answered Sep 13, 2015 at 12:14

Moncef Hassein-bey

1,3619 silver badges14 bronze badges

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

1 Comment

Moncef Hassein-bey Over a year ago

exemple on testing your backend code ??? use, the tools offered by your backend. you do not have to test this on angular app side as I explained.

Community · Accepted Answer · 2017-05-23 10:27:03Z

0

What @Moncef said was true. You should not test your REST API with angular. Its the server's job to test that the response from the REST API is correct. However if you still wish to test it.

How do I test an AngularJS service with Jasmine?

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Sep 14, 2015 at 10:27

Imab Asghar

3161 silver badge7 bronze badges

Comments

Oleg Belousov · Accepted Answer · 2015-09-14 11:39:35Z

0

What you should test is your callbacks for a correct response from the server. you can use $httpBackend to mock the server side for that purpose.

You can use: $httpBackend.expect $httpBackend.when

The main difference is that the first makes the request mandatory and will make the fail test if it doesn't happen, and will also expect all requests in the order that it(the expect function) was invoked in the scenario, while when is more forgiving, and just provides the response when a request is send, and does nothing otherwise.

You can learn more about the differences at the Angular official documentation.

EDIT, full example of expect - respond workflow:

//Group controller spec... success test...
$httpBackend.expect('GET', '/groups').respond('200', {'groups': [{'name': 1}, {'name': 2}]});
//above line tests that the groups controller asks for groups from the backend

$httpBackend.flush();
//above line makes the actual assertion that the request was sent, and sends the mocked response code and data

expect($scope.groups).toEqual([{'name': 1}, {'name': 2}]);

Failure:

  //Group controller spec... failure callback test...
    $httpBackend.expect('GET', '/groups').respond('500', {'error': 'server error'});
    //above line tests that the groups controller asks for groups from the backend

    $httpBackend.flush();
    //above line makes the actual assertion that the request was sent, and sends the mocked response code and data

    expect($scope.groups).toBeUndefined();
    //can also spyOne the error handler, and assert that it was triggered...

edited Sep 14, 2015 at 11:39

answered Sep 14, 2015 at 11:20

Oleg Belousov

10.1k14 gold badges74 silver badges128 bronze badges

9 Comments

Oleg Belousov Over a year ago

Done, please see EDIT

yuro Over a year ago

Thanks Oleg.. I will try your example in my Angular App and let you know as soon as possible.

Moncef Hassein-bey Over a year ago

@OlegTikhonov I quote from his question : "My intention is to check if I get response data back? Is that possible?" Here you are mocking the backend not checking if it's getting back. So, you are not answering his question. Is testing the backend with angular unit test framework correct ?

Oleg Belousov Over a year ago

I think you have misunderstood the question, he is clearly asking about what is commonly known as mocking, the author even attached a reference to $httpBackend.

yuro Over a year ago

@MoncefHassein-bey My intention is to test the correct callback. That means I want to test the request whether the service is correctly defined.. I'm new in writing tests sorry..

|

Collectives™ on Stack Overflow

How to define tests with Jasmine for $resource (AngularJS)

3 Answers 3

1 Comment

Comments

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related