Этот ответ основан на ответе Андреаса Кёберле .
Мне было нелегко реализовать и понять его решение, поэтому я более подробно объясню, как оно работает, и некоторые подводные камни, которых следует избегать, надеясь, что это поможет будущим посетителям.
Итак, во-первых, настройка:
я использую Karma как средство запуска тестов и MochaJs как среду тестирования.
Использование чего-то вроде Squire у меня не сработало, по какой-то причине, когда я его использовал, тестовая среда выдавала ошибки:
TypeError: не удается прочитать вызов свойства undefined
RequireJs имеет возможность сопоставлять идентификаторы модулей с идентификаторами других модулей. Это также позволяет создать 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;
});
Самая большая ловушка , с которой я столкнулся, буквально стоила мне часов, - это создание конфигурации RequireJs. Я попытался (глубоко) скопировать его и переопределить только необходимые свойства (например, контекст или карту). Это не работает! Только скопируйте 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);
}
});
});
});
});
});
});
defineфункцию. Однако есть несколько разных вариантов. Я отправлю ответ в надежде, что это будет полезно.