Injection in test when using Angularjs & requirejs

Question

I am trying to use AngularJS with RequireJS currently, but I do not know how to make the test work with injection. Without RequireJS we could,

Impl

PhoneListCtrl.$inject = ['$scope', '$http'];  
var PhoneListCtrl = ['$scope', '$http', function($scope, $http) { 
    /* constructor body */ 
}];

Test

beforeEach(inject(function(_$httpBackend_, $rootScope, $controller) {
  $httpBackend = _$httpBackend_;
  $httpBackend.expectGET('phones/phones.json').
      respond([{name: 'Nexus S'}, {name: 'Motorola DROID'}]);
  scope = $rootScope.$new();
  ctrl = $controller(PhoneListCtrl, {$scope: scope});
}));

However, when we use RequireJS we may define the controller as following,

demoController.js

define(["dependency"], function() {
    /* constructor body */ 
});

When using this controller, we add it as one of the dependencies and do not have a variable declaration.(Let me just use "Controller" as an example since we'd better call it "Service")

someJS.js

define(["demoController"], function(controller) {
     controller.method();
});

My Question
How can we inject the $http, $scope(or something else) to the target controller or service for testing when using RequireJS(AMD)?

Any help would be highly appreciated.

asgoth · Accepted Answer · 2012-12-21 15:40:47Z

1

I've done something similar:

/*global define, document */

define(['angular', 'jquery'], function (angular, $) {
    'use strict';

    return function () {
        var $injector = angular.bootstrap(document, ['myApp']);
        var $controller = $injector.get('$controller');
        var myController = $controller('myController');
    };
});

The idea is that angular.bootstrap returns an injector, which allows you to fetch a service.

answered Dec 21, 2012 at 15:40

asgoth

35.8k12 gold badges91 silver badges98 bronze badges

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

2 Comments

Edward Over a year ago

thanks for your answer, but I still don't know how to implement it. I mean I want to inject $httpBackend for testing, in this case how to use your example?

asgoth Over a year ago

Hmm, i tried it myself with a fiddle, and couldn't solve it. Actually, I wouldn't bother to use requirejs for unit/e2e testing. Consider using testacular however

Edward · Accepted Answer · 2012-12-31 13:23:29Z

0

I finally made it work by following.

angular.module('app').controller('MyController', ['$scope', 'dep2', function              ($scope, dep2) {
    $scope.method = function () {//do something};
}]);

We can use this controller in test cases like this:

inject(function($controller, $rootScope, dep2) {
        scope = $rootScope.$new();
        myController = $controller("MyController",
                {
                    $scope : scope,
                    dep2: dep2
                });
);

edited Dec 31, 2012 at 13:23

answered Dec 31, 2012 at 8:28

Edward

9393 gold badges10 silver badges17 bronze badges

Collectives™ on Stack Overflow

Injection in test when using Angularjs & requirejs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related