1

我正在构建一个模块，我想为使用 AMD 的人和不使用 AMD 的人提供它。例如，我想让它与 RequireJS 一起工作：

require(['Module'], function (Module) {
  // do stuff with module
});

但我也希望它通过手动插入所有依赖项来工作（考虑到它们也可以在没有 AMD 的情况下工作）。

我如何测试这种行为是否正确？

4

1 回答 1

1

我发现的一种工作方法是在我的脚本文件中使用模块模式，这样就不会泄露依赖项。之后，我构建了一个内部函数，它接收我的依赖项作为参数并返回代表我要导出的模块的对象。

然后，我检查是否有define可用的功能以及是否amd设置了属性。如果是，那么我使用定义注册模块，否则我将其导出为全局。

这是此代码的框架。我们假设该模块已命名Module并且它有两个依赖项，dep1并且dep2：

(function (exports) {
  "use strict";
  var createModule = function (dep1, dep2) {
    var Module;
    // initialize the module
    return Module;
  }
  if (typeof define === 'function' && define.amd) {
    define(['dep1', 'dep2'], function (dep1, dep2) {
      return createModule(dep1, dep2);
    });
  } else {
    exports.Module = createModule(dep1, dep2);
  }
})(this);

关于测试，我目前正在使用 yeomanmocha和PhantomJS. 以下是使用 require 进行测试的方法。我用来测试这两种情况（有和没有 AMD）的方法是有两个单独的 html 测试。首先，您需要在 Gruntfile 中添加第二页：

// headless testing through PhantomJS
mocha: {
  all: ['http://localhost:3501/index.html', 'http://localhost:3501/no-amd.html']
},

在第一种情况下，有正常的基于需求的模板：

<script src="lib/mocha/mocha.js"></script>
<!-- assertion framework -->
<script src="lib/chai.js"></script>

<!-- here, main includes all required source dependencies, 
    including our module under test -->
<script data-main="scripts/main" src="scripts/vendor/require.js"></script>

<script>
  mocha.setup({ui: 'bdd', ignoreLeaks: true});
  expect = chai.expect;
  should = chai.should();
  require(['../spec/module.spec'], function () {
    setTimeout(function () {
      require(['../runner/mocha']);
    }, 100);
  });
</script>

为了测试非 amd，我们需要显式地包含模块和所有依赖项。毕竟页面中存在，我们包括跑步者。

<script src="lib/mocha/mocha.js"></script>
<!-- assertion framework -->
<script src="lib/chai.js"></script>

<!-- include source files here... -->
<script src="scripts/vendor/dep1.js"></script>
<script src="scripts/vendor/dep2.js"></script>
<script src="scripts/Module.js"></script>

<script>
  mocha.setup({ui: 'bdd', ignoreLeaks: true});
  expect = chai.expect;
  should = chai.should();
</script> 
<script src="spec/romania.spec.js"></script>
<script src="runner/mocha.js"></script>

拥有两个不同的规范没有任何意义，但规范也应该适用于 AMD 和没有它。该解决方案类似于我们用于该模块的解决方案。

(function () {
  "use strict";
  var testSuite = function (Module) {
    // break the module into pieces :)
  };
  if (typeof require === 'function') {
    require(['Module'], function (Module) {
      testSuite(Module);
    });
  } else {
    // if AMD is not available, assume globals
    testSuite(Module);
  }
})();

如果您有不同或更优雅的方法来做到这一点，请将它们作为答案发布在这里。我很乐意接受更好的答案。:)

于 2013-01-23T13:37:50.773 回答