Question

我正在制作一个网页，一切正常。完全没有错误。

但是现在我决定使用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
    })
   }

Answer 1

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

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

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

参数'fooController'不是一个函数，未定义

1 个答案: