この回答は、AndreasKöberleの回答に基づいています。
私が彼のソリューションを実装して理解するのはそれほど簡単ではなかったので、それがどのように機能するか、および回避するいくつかの落とし穴についてもう少し詳しく説明し、将来の訪問者に役立つことを期待します。
つまり、まず最初に、Karmaをテストランナーとして、MochaJをテストフレームワークとして
使用しています。
Squireなどを使用しても機能しませんでした。何らかの理由で、それを使用すると、テストフレームワークでエラーが発生しました。
TypeError:未定義のプロパティ 'call'を読み取れません
RequireJsは、モジュールIDを他のモジュールID にマップする可能性があります。また、グローバルとは異なる構成を使用する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
関数をモックアウトするために、node.jsでいくつかのクレイジーな評価を行っています。ただし、いくつかの異なるオプションがあります。お役に立てれば幸いです。