控制器在茉莉花测试中未定义

时间:2016-07-27 09:56:15

标签: javascript angularjs jasmine karma-jasmine angular-mock

karma.config.js:

module.exports = function(config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine'],
    files: [
      'node_modules/angular/angular.min.js',
      'node_modules/angular-mocks/angular-mocks.js',
      'node_modules/angular-translate/dist/angular-translate.min.js',
      'browser/javascripts/*.js',
      'browser/tests/*.spec.js'
    ],
    exclude: [],
    preprocessors: {},
    reporters: ['progress'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    concurrency: Infinity
  })
};

home.spec.js:

describe('Home Controller', function() {
  beforeEach(
    module('pascalprecht.translate'),
    module('tradeshiftApp')
  );
  var $controller;
  beforeEach(inject(function(_$controller_){
    $controller = _$controller_;
  }));

  it('should exist', function(){
    controller = $controller('HomeController', {
      $scope: {}
    });
    expect(controller).not.toBe(undefined);
  })
});

我正在使用karma-jasmine,问题如下:我的app.js文件包含此模块并正确加载:

var app = angular.module('tradeshiftApp', ['pascalprecht.translate']);

但是当我尝试模拟我的控制器时,这是

app.controller('HomeController', function ($scope, $req, $window, $translate, $q) { 
  // some code 
});

我收到一条错误,指出HomeController不是函数。正如你所看到的那样,我认为依赖关系是连线的,所有应该都没问题。有什么提示吗?

注意:我尝试注入$rootScope并获得$rootScope.$new()并且成功了。

2 个答案:

答案 0 :(得分:1)

试试这个:

beforeEach(function() {
      angular.module('pascalprecht.translate', [])
      angular.mock.module('tradeshiftApp')
   }
);

答案 1 :(得分:0)

所以,问题出在'pascalprecht.translate'模块中。在我的代码中,我有一个小的依赖连接到上述模块,它包含在我的HTML文件中,但不包含在我的Karma配置文件中。伙计们,小心并警惕你的代码:)