3

我在运行一个简单的业力测试时遇到了麻烦。我有以下代码结构：

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. 这不是正确的道路吗？

4

2 回答 2

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
    });
};
于 2014-01-16T04:21:41.303 回答
0

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

于 2014-01-07T15:54:54.253 回答