时间戳

首页 > 解决方案 > 参数 'fooController' 不是函数，未定义

javascript - 参数 'fooController' 不是函数，未定义

问题描述

我正在做一个网页，一切都很好。完全没有错误。

但现在我决定使用 Karma 和 Jasmine 制作一个单元测试用例。

运行测试时不知何故出现此错误

Error: [ng:areq] Argument 'moduleApp.SearchPageController' is not a function, got undefined

我也试过了，SearchPageController但我得到了同样的错误。

这里缺少什么？

Route

    angular.module('moduleApp').config(['$routeProvider', function($routeProvider) {

  $routeProvider
    .when('/cmt/complaint/search', {
        templateUrl: 'src/callCenter/page1/searchPage.html',
        controller: 'moduleApp.SearchPageController',
        controllerAs: 'vm'
    })
    .otherwise({ redirectTo: '/' });

}]);

单元测试

 describe('Controller: SearchPageController', function () {

 var vm;

 beforeEach(module('moduleApp'));
 beforeEach(inject(function ($controller) {
     vm = $controller('moduleApp.SearchPageController', {}, {});
 }));

 it('should bla bla', function () {

    expect(vm).toBeDefined(); // vm is undefined, probably because of the erro above

 });

});

控制器

    angular.module('moduleApp.controller').controller('moduleApp.SearchPageController', SearchPageController);
SearchPageController.$inject = ['$log', '$scope', 'moduleApp.SearchPageService', '$http'];


function SearchPageController($log, $scope, searchPageService, $http) {
    'use strict';

    var vm = this;
    vm.filterOption = 'Account ID';

   }

业力配置：

// Karma configuration
m

odule.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: [
        'angular.js' // yes this is on the same folder, it works
        '../app/app.js',
        '../components/angular-mocks/angular-mocks.js',
        'unit/*.js',
        '..app/src/'
    ],


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


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
    },


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


    // 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_LOG,


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


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

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

标签： javascriptangularjsjasminekarma-runner

解决方案

您绝对不想使用模块名称引用控制器：

$routeProvider
.when('/cmt/complaint/search', {
    templateUrl: 'src/callCenter/page1/searchPage.html',
    controller: 'moduleApp.SearchPageController', //<--- this is never correct
    controllerAs: 'vm'
})

您始终通过定义的名称访问控制器、服务或工厂：

$routeProvider
.when('/cmt/complaint/search', {
    templateUrl: 'src/callCenter/page1/searchPage.html',
    controller: 'SearchPageController',
    controllerAs: 'vm'
})

看起来您在包含您的应用程序源之前包含您的测试：

// list of files / patterns to load in the browser
files: [
    'angular.js' // yes this is on the same folder, it works
    '../app/app.js',
    '../components/angular-mocks/angular-mocks.js',
    'unit/*.js',
    '..app/src/' //<-- if this is your app source, it should be before tests!
],

我只是重新排列最后两个条目，但看起来您实际上并没有在'..app/src/'语句中包含任何文件。您应该使用通配符来包含所有.js文件：

// list of files / patterns to load in the browser
files: [
    'angular.js' // yes this is on the same folder, it works
    '../app/app.js',
    '../components/angular-mocks/angular-mocks.js',
    '..app/src/**/*.js' //<--- all .js files in folders and subfolders
    'unit/*.js',
],

通常，您希望您的测试成为配置文件部分的最后一个条目。

推荐阅读