0

jquery-csv (jquery プラグイン) のテストの改善に取り組んでいます。

現在、コマンド ラインから完全なテスト スイート (つまり mocha/chai) を問題なく実行できます。テストランナーを拡張してmochaphantomjsテストで動作するように、require.jsを使用して依存関係をロードする方法を理解するのに問題があります。

RequireJS のロードに使用される HTML:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link rel="stylesheet" href="../node_modules/mocha/mocha.css" />
</head>
<body>
  <div id="mocha"></div>
  <script data-main="scripts/app" src="scripts/require.js"></script>
</body>
</html>

RequireJS モジュール:

require.config({
  baseUrl: '/',
  paths: {
    'jquery'        : '../../node_modules/jquery/dist/jquery',
    'jquery-csv'    : '../../src/jquery.csv',
    'mocha'         : '../../node_modules/mocha/mocha',
    'chai'          : '../../node_modules/chai/chai',
  },
  shim: {
    'mocha': { 
      exports: 'mocha'
    },
    'chai': {
      exports: 'chai'
    },
    'jquery-csv' : {
      deps: ['jquery'],
      exports: 'jQuery.fn.csv',
    }
  },
});

define(function(require) {
  require('jquery');
  require('jquery-csv');

  // chai setup
  var chai = require('chai');
  var expect = chai.expect();
  var should = chai.should();

  // mocha setup
  var mocha = require('mocha');
  mocha.setup('bdd');
  mocha.reporter('html');
  mocha.bail(false);

  require(['test.js'], function(require) {
    if (window.mochaPhantomJS) {
      mochaPhantomJS.run();
    }
    else {
      mocha.run();
    }
  });
});

注: define 関数は CommonJS スタイルを使用しています。

私が得ているエラーは次のとおりです。

キャッチされないエラー: モジュール名 "../src/jquery.csv.js" は、コンテキストに対してまだ読み込まれていません: _。require([]) を使用する

私の知る限り、シムは最初にjQueryをロードしてプラグインをアタッチすることでこの問題を修正する必要がありました。

私は RequireJS にかなり慣れていません。

4

1 に答える 1

2

「jquery-csv」を依存関係として追加してみてください：

require(['test.js', 'jquery', 'jquery-csv'], function(require, $) {
    if (window.mochaPhantomJS) {
       mochaPhantomJS.run();
    }
    else {
      mocha.run();
    }
});
于 2015-02-20T13:56:57.240 に答える