将 Karma-runner 与 AngularJS、Jasmine、CoffeeScript 一起使用

Question

我的应用程序除了jRuby/Rails 使用AngularJS，CoffeScript。我想用Jasmine 测试我的javascript 并用Karma（又名Testacular）运行它，但我收到一条错误消息，指出我的Angular 模块未定义。我所拥有的：安装了Node.js 和Karma，生成了一个配置文件：

// base path, that will be used to resolve files and exclude
basePath = '../';


// list of files / patterns to load in the browser
files = [
  JASMINE,
  JASMINE_ADAPTER,
  'vendor/assets/javascripts/angular.js',
  'vendor/assets/javascripts/angular-mocks.js',
  'vendor/assets/javascripts/angular-resource.js',
  'app/assets/javascripts/*.js.coffee',
  'spec/javascripts/*_spec.js'
];

preprocessors = {
  '**/*.coffee': 'coffee'
};

我添加了AngularJS 源文件（因此模块和注入将起作用）、我的javascript 资产（在CoffeScript 中）和我的规范。我还添加了CoffeScript 作为预处理器。

我的规格文件：

describe("PasswordResetsController", function() {
  //Mocks
  var http = {};
  var routeParams = {};

  //Controller
  var ctrl = null;

  //Scope
  var $scope = null;

  beforeEach( function() {
    angular.module('KarmaTracker');
  });

  /* IMPORTANT!
   * this is where we're setting up the $scope and
   * calling the controller function on it, injecting
   * all the important bits, like our mockService */
  beforeEach(angular.inject(function($rootScope, $httpBackend, $controller) {
    //create a scope object for us to use.
    $scope = $rootScope.$new();

    //http mock from Angular
    http = $httpBackend;


    //now run that scope through the controller function,
    //injecting any services or other injectables we need.
    ctrl = $controller(PasswordResetsController, {
      $scope: $scope,
      $http: http,
      $routeParams: routeParams
    });
  }));


  it("foo spec", function() {
    expect($scope.foo).toEqual('test');
  });
});

我正在使用 angular.module 加载模块，注入依赖项并模拟 $http 和 routeParams。

我的模块定义如下所示：

window.KarmaTracker = angular.module('KarmaTracker', ['ngCookies', 'ngMobile'])

# Flashe message passed from other controllers to FlashesController
KarmaTracker.factory "FlashMessage", ->
  { string: "", type: null }

KarmaTracker.controller "RootController", ($scope, $http, $location, $cookies, $routeParams, FlashMessage, broadcastService) ->
.....

模块加载在 KarmaTracker 命名空间中，我怀疑这是罪魁祸首。使用以下方式启动 Karma 时：

karma start --log-level debug config/karma.conf.js

我可以看到资产已编译并已服务，但我收到一条消息：

PhantomJS 1.8 (Linux) ERROR
        ReferenceError: Can't find variable: KarmaTracker
        at /home/.../KarmaTracker/app/assets/javascripts/account.js.coffee-compiled.js:1

任何想法现在做什么将不胜感激！

Answer 1

您是否尝试过以正确的顺序一一指定来加载资产，而不是使用通配符加载资产？我知道顺序对业力很重要。