将 Karma-runner 与 AngularJS、Jasmine、CoffeScript 一起使用 [英] Using Karma-runner with AngularJS, Jasmine, CoffeScript

问题描述

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

My app besides jRuby/Rails uses AngularJS, CoffeScript. I'd like to test my javascript with Jasmine and run it with Karma (aka Testacular), but I get an error stating that my Angular module is nowhere defined. What I've got: installed Node.js and Karma, generated a config file:

// 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 作为预处理器.

I've added AngularJS source files (so module and inject will work), my javascript assets (in CoffeScript) and my specs. I've also added CoffeScript as preprocessor.

我的规格文件:

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.

I'm loading the module with angular.module, injecting dependencies and mocking $http and routeParams.

我的模块定义如下所示:

My module definition looks like this:

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 时:

The module is loaded in KarmaTracker namespace, I suspec that this is the culprit. When starting Karma with:

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

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

I can see that the assets have been compiled and are serverd but I get a message:

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

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

Any ideas what to do now would be much appreciated!

推荐答案

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

Instead of loading the assets with a wildcats, have you tried loading them by specifying one by one, in the correct order? I know the order does matter with karma.

这篇关于将 Karma-runner 与 AngularJS、Jasmine、CoffeScript 一起使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！