Esta resposta é baseada na resposta de Andreas Köberle .
Não foi tão fácil para mim implementar e entender sua solução, por isso vou explicar com mais detalhes como ela funciona e algumas armadilhas a serem evitadas, esperando que ajude futuros visitantes.
Então, primeiro de tudo a configuração:
eu estou usando Karma como executor de teste e MochaJs como estrutura de teste.
Usando algo como Squire não funcionou para mim, por algum motivo, quando o usei, a estrutura de teste gerou erros:
TypeError: Não é possível ler a propriedade 'call' de undefined
RequireJs tem a possibilidade de mapear IDs de módulo para outros IDs de módulo. Também permite criar uma require
função que usa uma configuração diferente da globalrequire
.
Esses recursos são cruciais para que esta solução funcione.
Aqui está a minha versão do código simulado, incluindo (muitos) comentários (espero que seja compreensível). Coloquei-o dentro de um módulo, para que os testes possam exigir com facilidade.
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;
});
o maior armadilha que encontrei, que literalmente me custou horas, foi criar a configuração do RequireJs. Tentei copiá-lo (em profundidade) e apenas substituí as propriedades necessárias (como contexto ou mapa). Isso não funciona! Apenas copie o baseUrl
, isso funciona bem.
Uso
Para usá-lo, exija-o em seu teste, crie as simulações e depois passe-o para createMockRequire
. Por exemplo:
var ModuleMock = function () {
this.method = function () {
methodCalled += 1;
};
};
var mocks = {
"ModuleIdOrPath": ModuleMock
}
var requireMocks = mocker.createMockRequire(mocks);
E aqui um exemplo de um arquivo de teste completo :
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
função. Existem algumas opções diferentes. Vou postar uma resposta na esperança de que seja útil.