AngularJS controller unit tests - injecting services

Question

A hopefully simple question about AngularJS unit testing. I have a controller using a simple service (adapted from angular-seed project)

services.js:

angular.module('myApp.services', []).value('version', '0.1');

controllers.js:

function MyCtrl1($s, version) {
  $s.version = version;
}
MyCtrl1.$inject = ["$scope","version"];

This works great im my app. However, I have trouble creating the controller in unit test frame work. I can't figure our how to inject 'version' service (or create instance) and pass it to $controller() factory - I assume that's what I want to do?! Here's the bare bones spec:

controllerSpec.js:

beforeEach(inject(function($rootScope, $controller) {
  scope = $rootScope.$new();
  // how about version service?
  ctrl = $controller(MyCtrl1, {$scope: scope, /* version: <where from?> */});
}));

it('Version should be 0.1 ...', function() {
    expect(scope.version).toBe('0.1');
});

Running the test harness yields: >test.sh

... failed (3.00 ms): Error: Error: Unknown provider: versionProvider <- version Error: Unknown provider: versionProvider <- version

I have tried various things with $injector/$provider and module() but to no avail. I'm sure the answer is simple, but I can't see it.

Igor Minar · Accepted Answer · 2012-05-12 07:29:51Z

56

just add beforeEach(module('myApp.services')) to your describe block. This will load the services module with the "version" service into the test injector and that will make it available to your test.

answered May 12, 2012 at 7:29

Igor Minar

9,5443 gold badges24 silver badges13 bronze badges

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

3 Comments

iceberg Over a year ago

Thank you! That was simple. It didn't occur to me having two beforeEach() calls - interesting.

Eugene Gluhotorenko Over a year ago

By the way, is it a good practice to write unit tests for a controller with a service dependency ? Or it is better to create the mock for the service, and then write one test for the controller and one for the service ?

Chris Laskey Over a year ago

@e.gluhotorenko I find it easier to do the second option, test the controllers using a mock service. Then test the services separately. I found Tim Buschtöns article about how to use mocks in Jasmine really helpful. Made setting up mocks for services easy and overall my tests more flexible.

Collectives™ on Stack Overflow

AngularJS controller unit tests - injecting services

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related