Testing Angular $resource with external service

Question

I\'m trying to make some basic tests on REST requests I\'m doing using Angular $resource. The service code works just fine.

\'use strict\';

angular.module(         


        

Answer 1

You were very close, the only thing missing was a call to the $httpBackend.flush();. The working test looks like follows:

it('returns a JSON', inject(function(Device) {
  var device = Device.get({ id: '50c61ff1d033a9b610000001' });
  $httpBackend.flush();
  expect(device.name).toEqual('Light');
}));

and a live test in plunker: http://plnkr.co/edit/Pp0LbLHs0Qxlgqkl948l?p=preview

You might also want to check docs for the $httpBackend mock.

Answer 2

In later versions of angular, I'm using 1.2.0rc1 you also need to call this within a $apply or call $digest on a scope. The resource call isn't made unless you do something like this:

var o, back, scope;

beforeEach(inject(function( $httpBackend, TestAPI,$rootScope) {
    o = TestAPI;
    back = $httpBackend;
    scope = $rootScope.$new();

}));

it('should call the test api service', function() {
    back.whenGET('/api/test').respond({});
    back.expectGET('/api/test');
    scope.$apply( o.test());
    back.flush();
});