Question

我正在努力改进jquery-csv（jquery插件）的测试。

我现在可以从命令行运行一整套测试（即mocha / chai），没有任何问题。我在解决如何使用require.js加载依赖项时遇到问题，因此我可以扩展测试运行器以使用mochaphantomjs测试。

用于加载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函数使用CommmonJS样式。

我得到的错误是：

未捕获错误：尚未为上下文加载模块名称“../src/jquery.csv.js”：_。使用require（[]）

AFAIK，垫片应该通过首先加载jQuery并将插件附加到它来解决这个问题。

我对RequireJS很新，是否有一些我不知道的东西？

Answer 1

尝试添加＆＃34; jquery-csv＆＃34;作为依赖：

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

Requirejs没有加载jquery插件

1 个答案: