Question

我正在尝试将Karma / Mocha / Chai设置为我的Backbone项目，该项目使用requirejs并且没有太多运气。

首先，这是我的设置：

- app/
  - js/
- bower_components/
- node_modules/
- test/
  - test-main.js
- karma.conf.js


// relevant bits of karma.conf.js
frameworks: ['mocha', 'requirejs', 'chai'],
files: [
    'test/test-main.js',
    {pattern: 'bower_components/requirejs-text/text.js', included: false},
    {pattern: 'bower_components/jquery/dist/jquery.js', included: false},
    {pattern: 'bower_components/underscore/underscore.js', included: false},
    {pattern: 'bower_components/backbone/backbone.js', included: false},
    {pattern: 'app/js/**/*.js', included: false},
    {pattern: 'test/**/*Spec.js', included: falase}
],
exclude: [ 'app/js/requireConfig.js', 'app/js/main.js' ],
preprocessors: { '**/*.html': [] },


// test-main.js
var allTestFiles = [];
var TEST_REGEXP = /(spec|test)\.js$\i;
var pathToModules = function(path) {
    return path.replace(/^\/base\//, '').replace(/\.js$/, '');
}
Object.keys(window.__karma__.files).forEach(function(file) {
    if (TEST_REGEXP.text(file)) {
        allTestFiles.push(pathToModule(file));
    }
});

require.config({
    baseUrl: '/base/app/js',
    paths: {
        text: '../../bower_components/requirejs-text/text',
        jquery: '../../bower_components/jquery/dist/jquery',
        underscore: '../../bower_components/underscore/underscore',
        backbone: '../../bower_components/backbone/backbone',
        test: '../../test',
    },
    deps: allTestFiles,
    callback: window.__karma__.start;
});

当我经营业力时，我得到：

错误：匿名的define（）模块不匹配：函数（模块）{
- text.js的全部内容 -

我尝试将“框架”的顺序更改为frameworks: ['mocha', 'chai', requirejs']，这使得不匹配错误消失了，但随后得到了：

TypeError：'undefined'不是对象（评估'window.chai.should'）

这是known issue，建议在 chai 之前保留 requirejs 。

有没有人有使requirejs-text工作的经验？感谢。

Answer 1

Welp，抱歉在SO上浪费了一个问题。我从头开始和上面的配置（除了需要＆＃34; {pattern：＆＃39; app / js / ** / * .html＆＃39;，包括：false}＆＃34;）工作正常。< / p>

为完整起见，这是更新的配置：

- app/
  - js/
- bower_components/
- node_modules/
- test/
  - test-main.js
- karma.conf.js


// ---- relevant bits of karma.conf.js ----

// "requirejs" must come before "chai" or Chai will not load properly.
// Sidenote: Karma loads the listed frameworks backwards.
frameworks: ['mocha', 'requirejs', 'chai'],

// Contrary to what a few stackoverflow and github issue responses
// suggested, the order of files do not appear to matter at all.
files: [
  'test/test-main.js',

  // app files
  {pattern: 'app/js/**/*.html', included: false},
  {pattern: 'app/js/**/*.js', included: false},

  // tests
  {pattern: 'test/**/*Spec.js', included: false},

  // libraries
  {pattern: 'bower_components/jquery/dist/jquery.js', included:false, watching: false},
  {pattern: 'bower_components/underscore/underscore.js', included:false, watching: false},
  {pattern: 'bower_components/backbone/backbone.js', included:false, watching: false},
  {pattern: 'bower_components/requirejs-text/text.js', included:false, watching: false},
],

exclude: [ 'app/js/requireConfig.js', 'app/js/main.js' ],

preprocessors: {},


// ---- test-main.js ----
var allTestFiles = [];
for (var file in window.__karma__.files) {
    if (window.__karma__.files.hasOwnProperty(file)) {
        if (/Spec\.js$/.test(file)) {
            allTestFiles.push(file);
        }
    }
}

require.config({
    baseUrl: '/base/app/js',
    paths: {
        jquery: '../../bower_components/jquery/dist/jquery',
        underscore: '../../bower_components/underscore/underscore',
        backbone: '../../bower_components/backbone/backbone',
        text: '../../bower_components/requirejs-text/text',
    },
    deps: allTestFiles,
    callback: window.__karma__.start;
});

让chai与requirejs玩得很好

1 个答案: