यह उत्तर एंड्रियास कोबर्ले के उत्तर पर आधारित है ।
मेरे लिए यह आसान नहीं था कि मैं उनके समाधान को लागू करूं और समझ सकूं, इसलिए मैं इसे थोड़ा और विस्तार से बताऊंगा कि यह कैसे काम करता है, और कुछ नुकसान से बचने के लिए, उम्मीद है कि यह भविष्य के आगंतुकों की मदद करेगा।
तो, सबसे पहले सेटअप:
मैं कर्मा को टेस्ट रनर के रूप में इस्तेमाल कर रहा हूं और टेस्ट फ्रेमवर्क के रूप में मोचाज ।
स्क्वॉयर जैसी किसी चीज़ का उपयोग करना मेरे लिए किसी कारण से काम नहीं आया, जब मैंने इसका उपयोग किया, तो परीक्षण के ढांचे में त्रुटियां थीं:
TypeError: अपरिभाषित की संपत्ति 'कॉल' नहीं पढ़ सकता है
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;
});
सबसे बड़ी गड़बड़ी जिसका मुझे सामना करना पड़ा, जिसका शाब्दिक अर्थ है कि मुझे घंटों का समय देना पड़ता है। मैंने इसे (गहरी) कॉपी करने की कोशिश की, और केवल आवश्यक गुणों (जैसे संदर्भ या मानचित्र) को ओवरराइड किया। यह काम नहीं करता! केवल कॉपी करें 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। हालांकि कुछ अलग विकल्प हैं। मैं आशाओं में उत्तर दूंगा कि यह मददगार होगा।