Question

我遇到了一个简单的业力测试问题。我有以下代码结构：

js/
  |-- tests.js
  |-- karma.config.js
  |-- app/
         |-- controllers.js
  |-- tests/
         |-- unit/
                 |-- loginSpec.js
  |-- vendor/
         |-- jquery.js

我正在关注http://karma-runner.github.io/0.8/plus/RequireJS.html的文档并将我的配置设置如下（减去不重要的部分）：

// base path, that will be used to resolve files and exclude
basePath = '';

// list of files / patterns to load in the browser
files = [
    JASMINE,
    JASMINE_ADAPTER,
    REQUIRE,
    REQUIRE_ADAPTER,
    'tests.js',
    {pattern: 'tests/unit/*.js', included: false}
];

在我的controllers.js中，我定义了一个名为LoginCtrl的函数，我想在loginSpec.js

中测试这个函数

define(['controllers'],function(controllers) {
    describe('Login controllers', function() {
        describe('LoginCtrl', function(){
            it('should return 1', function() {
                var scope = {},
                ctrl = new LoginCtrl(scope);
                expect(1).toBe(1);
            });
        });
    });
});

问题是我的浏览器无法加载controllers.js文件，尽管我已经设置了主测试文件的requirejs配置（tests.js），如下所示：

var tests = Object.keys(window.__karma__.files).filter(function (file) {
      return /Spec\.js$/.test(file);
});
requirejs.config({
    baseUrl: '/base/app',
    paths: {
        jquery: 'vendor/jquery',
    },
    deps: tests,
    callback: window.__karma__.start
});

浏览器确实在http://localhost:9876/base/app/controllers.js查找文件。这不是正确的道路吗？

Answer 1

路径不合适我想，它应该是jquery: '../vendor/jquery'，因为requirejs基础指向app目录。但这不是唯一的问题......

通过业力，你应该将每个文件添加到你想要使用的模式中。具有标志include: true的文件将由karma运行，其他文件可由测试使用。如果两个模式覆盖文件名，则第一个模式将覆盖第二个模式（因此这与我们通常的顺序相反）。在您的情况下，您应该使用karma.conf.js：

这样的内容

module.exports = function (config) {
    config.set({
        basePath: './',
        frameworks: ['jasmine', 'requirejs'],
        files: [
            {pattern: 'tests.js', included: true},
            {pattern: 'test/**/*.js', included: false},
            {pattern: 'app/**/*.js', included: false},
            {pattern: 'vendor/**/*.js', included: false}
        ],
        exclude: [

        ],
        reporters: ['progress'],
        port: 9876,
        colors: true,
        logLevel: config.LOG_INFO,
        autoWatch: true,
        browsers: ['Firefox'],
        captureTimeout: 6000,
        singleRun: false
    });
};

Answer 2

我有类似的问题，但我找不到好的解决方案。我必须通过在我的spec文件中添加.js扩展名来应用“hack”，在你的情况下尝试在loginSpec.js中将'controllers'更改为'controllers.js'

karma无法加载requirejs注入的文件

2 个答案: