茉莉花测试用例通过业力的角度给出了错误

Question

我正在尝试在 karma 中执行 angular - jasmine 测试用例。我有 requirejs 也在我的程序中。我收到一些错误。由于我是 jasmine 和 karma 的新手，我不知道如何为 karma 文件部分编写文件。它是否应该包含我的代码中的所有文件（外部库、源文件和测试文件）？以下代码是我的 karma.conf.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'],


    // list of files / patterns to load in the browser
    files: [
        'https://code.jquery.com/jquery-1.11.2.min.js',
        'https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js',
        'src/app/app.js',
        'src/app/spec/testSpec.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: {
    },


    // 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_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: ['Chrome'],


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

我收到以下错误：

Uncaught Error: Mismatched anonymous define() module: function (angular, $) {

我的测试规格是：

describe('Testing routes', function() {

    beforeEach(module('myApp'));

    var location, route, rootScope;

    beforeEach(inject(
        function( _$location_, _$route_, _$rootScope_ ) {
            console.log("At inject method");
            location = _$location_;
            route = _$route_;
            rootScope = _$rootScope_;
    }));

     describe('home route', function() {


        it('should load the home page on successful load of /', function() {
            location.path('/');
            rootScope.$digest();
            expect(route.current.controller).toBe('homeController');
        });
    });
});

我的模块以定义 require 开头，例如：

define(['angular', 'jquery'], function(angular, $) {

    angular
        .module('myApp', [])
        .config(['$routeProvider', '$locationProvider', routeConfig])
        .config(['$httpProvider', errorHandler])
        .run(initHome);
});

Answer 1

看起来在您的 angularjs 文件之一中，依赖注入参数不匹配。 如果您可以显示“src/app/app.js”、“src/app/spec/testSpec.js”文件的内容，我们将能够提供更多帮助。

我认为您需要在 karma.conf.js 文件中添加对 requirejs 的支持。 编辑 frameworks 行并添加 requirejs。

frameworks: [ 'jasmine', 'requirejs' ],//add requirejs support
 // list of files / patterns to load in the browser
files: [
    'https://code.jquery.com/jquery-1.11.2.min.js',
    'https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js',
    'vendor/requirejs/require.js', //load requirejs file
    'src/app/app.js',
    'src/app/spec/testSpec.js'
],