AngularJS - Unit testing service with value dependency injection

Question

I am currently experimenting with AngularJS. I have created a simple service, which is initialized from some distant data. The url is passed as an application value.

//App declaration
angular.module('myApp', ['myApp.services']).value('someUrl', 'http://www.example.com');

//Service declaration
angular.module('myApp.services', ['someUrl']).factory('MyService', function(someUrl) {
    var data;
    "Do stuff"  
    return data;
});

Now, I am trying to unit test this, but I cannot manage to correctly set the "someUrl" parameter. I have tried things like this, without succes:

angular.module('myApp', ['myApp.services']).value('someUrl', 'test/test.json');

describe('Services', function() {
    beforeEach(module('myApp.services'));

    describe('MyService', function() {
        it('should return {success: true}', inject(function() {
            expect(data).toEqual({success: true});
        }));
    });
});

However, I always receive a "No module: someUrl" error. What is the correct syntax to initialize an app value during a unit test?

Caio Cunha · Accepted Answer · 2013-04-18 18:44:55Z

6

You setted value to "myApp" module and is testing "myApp.services" module. You should change module('myApp.services') to module('myApp').

Anyway, there is a better way to do so. You can use mock module to inject $provide so you can override any dependency.

This is how your spec would look like:

describe('Services', function() {
  // here we load the module myApp and load an additional one that
  // allows you to override your dependency
  beforeEach(module('myApp', function($provide) {
    $provide.value('someUrl', 'test/test.json');
  }));

  describe('MyService', function() {
    it('should return {success: true}', inject(function() {
        expect(data).toEqual({success: true});
    }));
  });
});

answered Apr 18, 2013 at 18:44

Caio Cunha

23.4k6 gold badges81 silver badges74 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - Unit testing service with value dependency injection

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related