我有一个AMD模块需要测试，但是我想要模拟它的依赖而不是加载实际的依赖项。我正在使用requirejs，我的模块代码看起来像这样：
define(['hurp', 'durp'], function(Hurp, Durp) {
return {
foo: function () {
console.log(Hurp.beans)
},
bar: function () {
console.log(Durp.beans)
}
}
}
我如何模拟 hurp 和 durp 以便进行有效的单元测试？
读完这篇文章后，我想到了一种解决方案，可以使用requirejs的config函数来为你的测试创建一个新的上下文，从而能够简单地模拟你的依赖关系：
var cnt = 0;
function createContext(stubs) {
cnt++;
var map = {};
var i18n = stubs.i18n;
stubs.i18n = {
load: sinon.spy(function(name, req, onLoad) {
onLoad(i18n);
})
};
_.each(stubs, function(value, key) {
var stubName = 'stub' + key + cnt;
map[key] = stubName;
define(stubName, function() {
return value;
});
});
return require.config({
context: "context_" + cnt,
map: {
"*": map
},
baseUrl: 'js/cfe/app/'
});
}
因此，它创建了一个新的上下文，在该上下文中，您传递到函数中的对象将设置Hurp和Durp的定义。使用Math.random作为名称可能有些不规范，但它可以工作。因为如果您有很多测试，您需要为每个套件创建新的上下文，以避免重用模拟或在想要实际的requirejs模块时加载模拟。
在您的情况下，看起来像这样：
(function () {
var stubs = {
hurp: 'hurp',
durp: 'durp'
};
var context = createContext(stubs);
context(['yourModuleName'], function (yourModule) {
//your normal jasmine test starts here
describe("yourModuleName", function () {
it('should log', function(){
spyOn(console, 'log');
yourModule.foo();
expect(console.log).toHasBeenCalledWith('hurp');
})
});
});
})();
所以我在生产中使用这种方法已经有一段时间了，它非常稳健。
createContext函数的依赖关系。因此，在您的情况下，如果您只向函数传递{hurp：'hurp'}，则durp文件将作为普通依赖项加载。 - Andreas Köberle我已经找到了三种解决这个问题的方法，但都不是很顺利。
define('hurp', [], function () {
return {
beans: 'Beans'
};
});
define('durp', [], function () {
return {
beans: 'durp beans'
};
});
require('hurpdhurp', function () {
// test hurpdurp in here
});
这样做有点丑陋。你必须在测试中添加大量的AMD样板代码。
这涉及使用一个单独的config.js文件来为每个依赖项定义路径，指向模拟而不是原始依赖项。这也很丑陋，需要创建大量的测试文件和配置文件。
这是我当前的解决方案，但仍然很糟糕。
您可以创建自己的define函数来为模块提供自己的模拟，并将测试放在回调中。然后，您可以通过eval模块来运行测试，像这样：
var fs = require('fs')
, hurp = {
beans: 'BEANS'
}
, durp = {
beans: 'durp beans'
}
, hurpDurp = fs.readFileSync('path/to/hurpDurp', 'utf8');
;
function define(deps, cb) {
var TestableHurpDurp = cb(hurp, durp);
// now run tests below on TestableHurpDurp, which is using your
// passed-in mocks as dependencies.
}
// evaluate the AMD module, running your mocked define function and your tests.
eval(hurpDurp);
这是我首选的解决方案。看起来有些神奇，但它有一些好处。
eval，然后想象Crockford的怒火爆发。显然还有一些缺点。
define，因为那是您实际运行测试的地方。我正在开发一个测试运行程序，以提供更好的语法来处理这种问题，但我仍然没有解决问题1的好方法。
在requirejs中模拟依赖真的很糟糕。我找到了一种勉强可行的方法，但仍然不太满意。如果您有更好的想法，请告诉我。
有一个 config.map 选项，参考链接：http://requirejs.org/docs/api.html#config-map。
使用方法：
显式地配置 RequireJS；
requirejs.config({
map: {
'source/js': {
'foo': 'normalModule'
},
'source/test': {
'foo': 'stubModule'
}
}
});
foo 模块，它将是真实的模块引用并相应地进行存根。var fakeDep = function(){
this.getText = function(){
return 'Fake Dependancy';
};
};
var Module1 = testr('module1', {
'dependancies/dependancy1':fakeDep
});
请看这个链接: http://cyberasylum.janithw.com/mocking-requirejs-dependencies-for-unit-testing/
首先是设置：
我使用Karma作为测试运行器，MochaJs作为测试框架。
使用类似Squire的东西对我来说没有用，由于某种原因，当我使用它时，测试框架会抛出错误：
RequireJs有可能将模块ID映射到其他模块ID上。它还允许创建一个TypeError：无法读取未定义的属性“call”
require函数，该函数使用与全局require不同的不同配置。define([], function () {
var count = 0;
var requireJsMock= Object.create(null);
requireJsMock.createMockRequire = function (mocks) {
//mocks is an object with the module ids/paths as keys, and the module as value
count++;
var map = {};
//register the mocks with unique names, and create a mapping from the mocked module id to the mock module id
//this will cause RequireJs to load the mock module instead of the real one
for (property in mocks) {
if (mocks.hasOwnProperty(property)) {
var moduleId = property; //the object property is the module id
var module = mocks[property]; //the value is the mock
var stubId = 'stub' + moduleId + count; //create a unique name to register the module
map[moduleId] = stubId; //add to the mapping
//register the mock with the unique id, so that RequireJs can actually call it
define(stubId, function () {
return module;
});
}
}
var defaultContext = requirejs.s.contexts._.config;
var requireMockContext = { baseUrl: defaultContext.baseUrl }; //use the baseUrl of the global RequireJs config, so that it doesn't have to be repeated here
requireMockContext.context = "context_" + count; //use a unique context name, so that the configs dont overlap
//use the mapping for all modules
requireMockContext.map = {
"*": map
};
return require.config(requireMockContext); //create a require function that uses the new config
};
return requireJsMock;
});
baseUrl，这很好用。
要使用它，请在测试中引用它，创建模拟对象，然后将其传递给createMockRequire。例如：
var ModuleMock = function () {
this.method = function () {
methodCalled += 1;
};
};
var mocks = {
"ModuleIdOrPath": ModuleMock
}
var requireMocks = mocker.createMockRequire(mocks);
define(["chai", "requireJsMock"], function (chai, requireJsMock) {
var expect = chai.expect;
describe("Module", function () {
describe("Method", function () {
it("should work", function () {
return new Promise(function (resolve, reject) {
var handler = { handle: function () { } };
var called = 0;
var moduleBMock = function () {
this.method = function () {
methodCalled += 1;
};
};
var mocks = {
"ModuleBIdOrPath": moduleBMock
}
var requireMocks = requireJsMock.createMockRequire(mocks);
requireMocks(["js/ModuleA"], function (moduleA) {
try {
moduleA.method(); //moduleA should call method of moduleBMock
expect(called).to.equal(1);
resolve();
} catch (e) {
reject(e);
}
});
});
});
});
});
});
function define(args, func){
if(!args.length){
throw new Error("please stick to the require.js api which wants a: define(['mydependency'], function(){})");
}
var fileName = document.scripts[document.scripts.length-1].src;
// get rid of the url and path elements
fileName = fileName.split("/");
fileName = fileName[fileName.length-1];
// get rid of the file ending
fileName = fileName.split(".");
fileName = fileName[0];
window[fileName] = func;
return func;
}
window.define = define;
define函数。不过有几种不同的选择。我会发布一个答案，希望它能有所帮助。 - Jamison Dance