如何在单元测试中模拟RequireJs加载器插件响应

时间:2015-04-28 06:52:49

标签: javascript unit-testing mocking requirejs squirejs

我正在尝试测试的代码依赖于RequireJs loader pluginsrequirejs/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

1 个答案:

答案 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。