角单元测试与业力和了Jamis

Question

我已经建立了我与噶和茉莉单元测试Angularjs应用。但是当我尝试使用karma start我得到错误的控制器名为Myctrl运行我的测试情况下，不登记。

我的应用程序结构如下

project-folder
  - app
    - components
      - controllers
        - account
          - signInController.js
          - SignUpController.js
  - app.modules.js
  - app.routes.js
  - test

这是我的app.modules.js

let app = angular.module( 'app', [
  'app.config', 'templates', 'ngAnimate', 'ngAria', 'ngCookies', 'ngMessages', 'ngResource', 'ngSanitize',
  'ngTouch', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ui.load', 'ui.jq', 'oc.lazyLoad','angular-cache',
  'ngToast', 'ngFileUpload', 'ngFileSaver', 'angularMoment', 'angulartics', 'angulartics.google.analytics',
  'ngMessages', 'ng.httpLoader'
]);

而karma.config.js文件

module.exports = function(config) {
  config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '',


    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['jasmine', 'browserify'],

    // list of files / patterns to load in the browser
    files: [
      'dist/libs/jquery/jquery.js',
      'dist/libs/angular/angular.js',
      'dist/libs/angular-ui-router/angular-ui-router.js',
      'dist/libs/angular-sanitize/angular-sanitize.js',
      'dist/libs/angular-mocks/angular-mocks.js',
      'dist/libs/angular-bootstrap/ui-bootstrap-tpls.js',
      'app/app.modules.js',
      'app/app.routes.js',
      'app/config.lazyload.js',
      'app/components/controllers/account/*.js',
      'test/**/*spec.js',
      ],
      . 
      .

describe('Myctrl Test', function() {

  describe('Myctrl', function() {
    var vm;

    beforeEach(inject(function( ) {
      angular.module('app')
    }));

    beforeEach(inject(function(_$rootScope_, $controller) {
      var scope = _$rootScope_.$new();
      vm = $controller('Myctrl', {$scope: scope});
    }));

    it('test controller', function() {
      expect(vm.title).toBe(null);
    });

  });

});

app.controller( 'Myctrl', ['$scope', '$state', 'backendApi', 'ngToast', 'access_token', 'FileUploader', 'keys',
function( $scope, $state, backendApi, ngToast, access_token, FileUploader, keys ) {

  $scope.title = "Hello";


}])

Answer 1

每次测试之前，你必须注册一个模块。

问题是，你试过本地AngularJS angular.module('app')，而你必须使用module('app')这是angular.mock.module的别名

此功能寄存器的模块配置码。它收集当通过注入产生的喷射器，其将要使用的配置信息。

更改您的代码

beforeEach(function( ) {
  module('app')
});

并确保Myctrl属于app模块。

考虑以下article Testing a Controller部分。

供参考：angular.module('app')仅需要引用角应用程序中的模块，但该功能实际上不包括模块。