我正在尝试测试的代码依赖于RequireJs loader plugins。 requirejs/text的示例:
require(['text!templates/foo'], function (data) {
// handle loaded data
});
对于特定的单元测试,我试图模拟text!templates/foo
的响应并覆盖与测试相关的响应:
it('should load a template', function (done) {
// TODO: mock 'text!templates/foo' here to return 'mock_data'
// templateViewer uses the text plugin internally to do the actual loading
templateViewer.templateFor('foo', function (error, templateData) {
expect(templateData).toEqual('mock_data');
done();
});
});
我查看了RequireJs依赖模拟solutions,尤其是Squire.js,但似乎它们都适合模拟常规依赖项而不是插件响应。
我还查看了sinon这样的存根库,可能会替换实际的require
调用,但这似乎有问题。
建议的做法是什么?我不想在我的requirejs配置中用模拟替换整个text
插件,只是在特定测试中覆盖它的一些响应。
我的设置是node + mocha + requirejs
修改
请参阅此示例小提琴项目以查看我对Squire的问题:
http://runnable.com/VUBoI0ex6v9Gs-BJ/squirejs-with-plugins-for-node-js-and-hello-world
答案 0 :(得分:2)
这将嘲笑您要求text!foo/x.html
获得的内容。插件并不特殊,您只需要模拟整个路径,包括插件名称。
var requirejs = require("requirejs");
var assert = require("assert");
requirejs.config({
baseUrl: __dirname,
packages: [
{
name: "squire",
location: "node_modules/squirejs",
main: "src/Squire"
}
]
});
var x;
before(function (done) {
requirejs(["squire"], function (Squire) {
var injector = new Squire();
injector.mock("text!foo/x.html", "foo").require(["text!foo/x.html"],
function (_x) {
x = _x;
done();
});
});
});
it("foo", function () {
assert.equal(x, "foo");
});
您在问题中添加的示例代码遇到的问题是您使用全局require
而不是使用加载程序传递的require
。您应该将require
添加为依赖项:
define(['require', ....], function (require, ....) {
require
模块是特殊的,由RequireJS保留。它返回对require
函数的引用。例如,当您使用RequireJS的上下文时,必须使用它,以便在特定上下文中加载的模块使用绑定到该上下文的require
函数。 SquireJS还需要您执行此操作,以便它可以捕获您对require
的呼叫。全局require
绕过SquireJS。