अवयव। टेस्टिंग कंसोल

घटक नोटों के ऊपर

वर्तमान संस्करण बनाम। v1

घटकों को कंसोल में नियमित node.js मॉड्यूल की तरह परीक्षण किया जा सकता है। दुर्भाग्य से, इस मामले में वर्तमान संस्करण के लिए निर्भरता के उपयोग के साथ समस्याएं हैं, उदाहरण के लिए, डोम से बंधा हुआ। यही है, यदि मैं कंसोल के किसी घटक को चलाकर परीक्षण करता हूं, तो नोड node mocha ... कहो node mocha ... , मुझे केवल एक अन्य घटक की require नहीं है जो DOM से बंधा है। किसी भी स्थिति में, require कंसोल नोड को ले जाएगा। जेएस मॉड्यूल, घटक नहीं। और मॉड्यूल में node.js का प्रभुत्व है कोई दस्तावेज़ ऑब्जेक्ट नहीं है। घटक बिल्डर के भविष्य के संस्करणों में, स्थिति बदल जाएगी। Https://github.com/component/component/issues/41 देखें। अब तक, आप इन घटकों को कंसोल में परीक्षण करने के लिए प्रेत का उपयोग कर सकते हैं।



वर्तमान संस्करण में, आपको (इसके अलावा, घटक निकाय में, लेकिन केवल परीक्षण प्रयोजनों के लिए) कुछ का उपयोग करना होगा ( component/router देखें):

 try { var Route = require('route-component'); } catch (err) { var Route = require('route'); } 

मैं इस पर ध्यान केंद्रित नहीं करूंगा, हम v1 का इंतजार करेंगे। इस पोस्ट में, हम पहले देखेंगे कि निचले स्तर पर घटकों के इकाई परीक्षण की व्यवस्था कैसे की जाती है, अर्थात्। मैन्युअल रूप से, फिर मैं इस प्रक्रिया के स्वचालन के बारे में लिखूंगा। Js-Applications के एकीकृत परीक्षण के बारे में बहुत कुछ लिखा गया है, मैं इस पर ध्यान नहीं दूंगा।

समानांतर नोड मॉड्यूल से सरल घटकों में कोई अंतर नहीं होता है (आवरण के अलावा), उदाहरण के लिए, component/indexof , component/each , अभी निर्भरता के रूप में इस्तेमाल किया जा सकता है, कंसोल में मोचा परीक्षण काम करेंगे।

एक उदाहरण कोड https://github.com/mbykov/component-testing-example पर उपलब्ध है। क्लोन और इसे देखें।

इकाई बनाम एकीकृत परीक्षण

अभिन्न परीक्षण क्या है स्पष्ट है - हम आवेदन का मुकाबला स्थिति में ही परीक्षण कर रहे हैं (यदि हम स्टब्स और मोज़ेक को अनदेखा करते हैं)। हम ककड़ी, सेलेनियम, कैपिबारा का उपयोग करते हैं और देखते हैं कि आवेदन की प्रतिक्रिया पूरी तरह से अपेक्षाओं को पूरा करती है। एक इकाई परीक्षण एक घटक में एक व्यक्तिगत विधि का एक परीक्षण है। केवल इस पद्धति को कहा जाता है, और यदि कुछ और प्रभावित होता है, तो यह बुरा है। ऐसी है देसी परिभाषा। घटक, हालांकि, इस तरह से डिज़ाइन किए गए हैं। उनके पास आंतरिक कार्य हैं जो बाहर से सुलभ नहीं हैं, और वे, निश्चित रूप से, परीक्षण के लिए उपलब्ध नहीं हैं। और निर्यात किए गए तरीके जो हम कहीं से भी लागू करने में काफी सक्षम हैं।

test / test.js

चलो कंसोल टेस्ट के लिए सबसे सरल घटक बनाते हैं। हमें अगले पत्र को जानने, कहने की आवश्यकता है। हम भूल गए हैं कि बाद में क्या है - या । या, कहते हैं, ξ - ξ या λ ? (यह "खिलौना" विधि केवल उच्चारण के बिना वर्णों के लिए उपयुक्त है)।

मान लीजिए कि हमारे पास घटक में दो विधियाँ हैं, एक वर्ण का अनुवाद करने के लिए, और एक शब्द के लिए शब्द। इसमें हम सुविधा के लिए तैयार घटक component/map उपयोग करेंगे।

घटक केवल होना चाहिए

 var map = require('map-component'); module.exports = nextSym; function nextSym() { if (!(this instanceof nextSym)) return new nextSym(); return this; } 

और दो तरीके

 nextSym.prototype.sym = function(sym){ return String.fromCharCode(sym.charCodeAt(0)+1); } nextSym.prototype.word = function(word){ var self = this; var arr = word.split(''); var res = map(arr, function(sym) { return self.sym(sym); }) return res.join(''); } 

लाइन यदि ((यह उदाहरण उदाहरण)) नया उदाहरण लौटाएं () एक जादू का जादू है, जिसका अर्थ है कि घटक को कॉल करने पर हमें नए ऑपरेटर को लिखने की आवश्यकता नहीं होगी।

 $ make 

package.json, मोचा और चाहिए

हम एक ही लेखक, TJ Holowaychuk और चाहिए दावा पुस्तकालय द्वारा मोचा ढांचे (मोचा) का उपयोग करेंगे।

अब हम उपयोग कर रहे हैं, वास्तव में, घटक नहीं, बल्कि नोड.जेएस, तो चलिए एक package.json बनाते हैं। जेसन फ़ाइल

 $ npm init 

package.json फ़ाइल में हम उन निर्भरताओं को निर्दिष्ट करते हैं जिनकी हमें आवश्यकता है

  "version": "0.0.1", "dependencies": { "map-component": "*" }, "devDependencies": { "mocha": "*", "should": "*" }, 

मानचित्र-घटक को काम करने के लिए घटक के लिए निर्भरता के उदाहरण के रूप में आवश्यक है, और परीक्षणों के लिए मोचा और चाहिए।

 $ npm install 

makefile और test.js

मेकफाइल फ़ाइल में, हाथ से कंसोल में परीक्षणों को कॉल न करने के लिए, परीक्षण आइटम लिखें;

 test: @./node_modules/.bin/mocha \ --require should \ --reporter spec 

परीक्षण निर्देशिका में परीक्षणों के लिए डिफ़ॉल्ट खोज द्वारा मोचा। एक फ़ाइल परीक्षण बनाएँ। js

 var nextSym = require('..')(); describe('component console example', function(){ describe('symbol', function() { it(' before ', function() { var next = nextSym.sym(''); next.should.be.equal(''); }) }) describe('word', function() { it('shifted qwerty is rxfsuz', function() { var shifted= nextSym.word('qwerty'); shifted.should.be.equal('rxfsuz'); }) }) }) 

परीक्षण चलाएं

  component console example symbol ✓  before  word ✓ shifted qwerty is rxfsuz 2 passing (19ms) 

हालांकि, घटकों को एक ब्राउज़र में काम करने के लिए डिज़ाइन किया गया है। इसलिए कंसोल में परीक्षण एक अपवाद होने की अधिक संभावना है। परीक्षण एक ब्राउज़र में किया जाना चाहिए, और सुविधाजनक होना चाहिए। आगे देखें मंच।

जारी रखा जाए