testing - 使用 Angularjs 和 requirejs 时在测试中注入(inject)

Question

我目前正在尝试将 AngularJS 与 RequireJS 一起使用，但我不知道如何使用注入(inject)进行测试。 没有 RequireJS 我们可以，

实现

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

测试

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});
}));  

然而，当我们使用 RequireJS 时，我们可以定义 Controller 如下，

demoController.js

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

当使用这个 Controller 时，我们将它添加为依赖项之一并且没有变量声明。(让我以“Controller”为例，因为我们最好称它为“Service”)

一些JS.js

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

我的问题
我们如何在使用 RequireJS(AMD) 时将 $http、$scope(或其他东西)注入(inject)目标 Controller 或服务以进行测试？

如有任何帮助，我们将不胜感激。

Answer 1

我做过类似的事情:

/*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');
    };
});

想法是 angular.bootstrap 返回一个注入(inject)器，它允许您获取服务。