Fuse Angular APP注入模块时的业力+茉莉花测试问题

Question

y 在我的 Fuse 应用程序 (withinpixels[dot]com/themes/fuse) 中设置 karma+jasmine 测试，基于 AngularJS+Gulp 项目，以及下一个配置文件：

karma.conf.js：

// Karma configuration
// Generated on Tue Oct 25 2016 11:50:38 GMT+0200 (CEST)

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'],

        // list of files / patterns to load in the browser
        files : [
            'bower_components/angular/angular.js',
            'bower_components/angular-mocks/angular-mocks.js',
            'src/app/**/*.json',
            'src/app/**/*.js',
            'test/*.js'
        ],

        // list of files to exclude
        exclude : [
        ],

        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors : {
            'src/app/**/*.json' : ['json_fixtures'],
            'src/app/**/*.js' : ['coverage']
        },

        coverageReporter : {
            type : 'text-summary',
            dir : 'coverage/'
        },

        // test results reporter to use
        // possible values: 'dots', 'progress'
        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
        reporters : ['progress', 'coverage'],

        // web server port
        port : 9876,

        // enable / disable colors in the output (reporters and logs)
        colors : true,

        // level of logging
        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
        logLevel : config.LOG_INFO,

        // enable / disable watching file and executing tests whenever any file changes
        autoWatch : true,

        // start these browsers
        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
        browsers : ['PhantomJS'], //['Chrome'],


        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun : true,

        plugins: [
            'karma-jasmine',
            'karma-coverage',
            'karma-phantomjs-launcher',
            'karma-json-fixtures-preprocessor'
        ],


        // Concurrency level
        // how many browser should be started simultaneous
        concurrency : Infinity
    });
};

test/test.js：

describe("Index/Module", function () {
    var rootScope, scope, ctrl;

    beforeEach(angular.mock.module('fuse'));

    beforeEach(inject(function($rootScope, $controller) {
        rootScope = $rootScope;
        scope = rootScope.$new();

        ctrl = $controller("IndexController", {
            $scope: scope
        });
    }));

    it("exists", function() {
        expect(ctrl).not.toBeUndefined();
    });
});

当我执行测试时，我得到下一条错误消息：

[PhantomJS 2.1.1 (Mac OS X 0.0.0)] 错误： 错误：[$injector:nomod] 模块“app.core”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。 http://errors.angularjs.org/1.5.7/$injector/nomod?p0=app.core 在http://localhost:9876/base/bower_components/angular/angular.js?628a6cd3a27859d17a9a4ee87e62c9b6996ba4cb:2077

发生未捕获的错误。 可以在“输出”窗口中验证完整输出。

¿有什么想法吗？

Answer 1

我遇到了同样的问题。我通过将app.core 添加到 我的控制器依赖项。

这是必需的，因为我的模块使用ui-router，这是一个熔断器核心依赖项。

另外，您可能需要在 beforeAll 挂钩中声明控制器的模块： angular.moodule('my.module')

我的控制器：

 (function ()
 {
 'use strict';

 angular
     .module('app.notifs', ['app.core'])
     .config(config);

 /** @ngInject */
 function config($stateProvider, msNavigationServiceProvider)
 {
     // State
     $stateProvider.state('app.notifs', {
         url      : '/notifications',
         views    : {
             'content@app': {
                 templateUrl: 'app/main/apps/notifs/notifs.html',
                 controller : 'NotifsCtrl as vm'
             }
         }
     });

     // Navigation
     msNavigationServiceProvider.saveItem('apps.notifs', {
         title : 'Notifications',
         icon  : 'icon-alert-box',
         state : 'app.notifs',
         weight: 2
     });

 }

 })();

我的测试：

describe('Controller: Notifs', function () {
var $scope, $rootScope, $controller;

it('Expect True to be True', function () {
    expect(true).toBe(true);
});


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


beforeEach(inject(function (_$controller_, _$rootScope_) {
    $rootScope  = _$rootScope_;
    $controller = _$controller_;
}));

it('can be instantiated', function() {
    $scope = $rootScope.$new();
    var ctrl =  $controller('NotifsCtrl', { $scope: $scope });
    expect(ctrl).not.toBe(null);

});


it('must have boolean set to false', function() {
    $scope = $rootScope.$new();
    var ctrl =  $controller('NotifsCtrl', { $scope: $scope });
    expect(ctrl.officialPriceMissing).toBe(false);
});
});

希望对您有所帮助。