PhantomJS + JSCoverage + QUnit या कंसोल गणना के साथ JS इकाई परीक्षण सांत्वना

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

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

संकल्पना

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

निर्दिष्ट आवश्यकताओं को देखते हुए, PhantomJS + JSCoverage + QUnit के एक समूह के आधार पर एक समाधान का जन्म हुआ, जिसे मैंने Google कोड पर पोस्ट किया था। हमें घटकों पर ध्यान दें:

• PhantomJS - कंसोल (हेडलेस) जेएस एपीआई के माध्यम से नियंत्रित ब्राउज़र;
• JSCoverage JS फ़ाइलों का एक कंसोल पार्सर है, क्रमशः प्रत्येक निष्पादन योग्य लाइन के लिए उनमें वृद्धि लागू करता है। सरणी तत्व निष्पादन की संख्या की गणना करने के लिए। मामूली प्रतिबंध हैं - केवल उन पंक्तियों को निष्पादित किया जा सकता है जो शामिल हैं, अर्थात्। उदाहरण के लिए टिप्पणियाँ नहीं। वस्तुओं और सरणियों के अंकन के लिए, केवल रेखा को ध्यान में रखा जाता है, जहां अंकन शुरू हुआ;
• क्वीनिट , एसिंक्रोनस वाले सहित यूनिट परीक्षणों के सुविधाजनक और त्वरित निर्माण के लिए एक छोटा जेएस फ्रेमवर्क है, जो ब्राउज़र में कनेक्टेड स्क्रिप्ट के साथ पृष्ठ के रूप में लॉन्च किया गया है।

लांच

उपयोगिता को सही ढंग से काम करने के लिए, निष्पादन योग्य फ़ाइलों PhantomJS (डायनामिक) और JSCoverage के साथ दो अभिलेखों को डाउनलोड और अनज़िप करना आवश्यक है, उन्हें पथ को बैच फ़ाइलों में बदला जा सकता है, और निष्पादन के लिए परीक्षण समूह का सही नाम भी इंगित करता है। सभी घटकों को एक साथ जोड़ने के लिए, प्रश्न में सहायक कार्यक्षमता लिखी गई थी। लॉन्च किए गए पृष्ठ में शामिल करने के लिए परीक्षण और स्क्रिप्ट के एक सेट को कॉन्फ़िगर करने के लिए, फ़ॉर्म की एक कॉन्फ़िगरेशन फ़ाइल का उपयोग किया जाता है:

var config = { includes: [ // ,       { file: 'lib/jquery-1.7.1.js', coverage: false //          }, { file: 'lib/json2.js', coverage: false }, { file: 'lib/testable.js', coverage: true //     —  } ], testCases: [ //    ,   ,    ,    { location: '/tests', pattern: /.+Test\.js/g, recursive: true } ], target: { //     location: '/target' } }; 

लॉन्च करने के बाद "सबसे मुख्य बॅटनिक" (उदाहरण में रन-टेस्ट.सीएमडी या रन-टेस्ट 2.सीएमडी रिपॉजिटरी से , जिसके आधार पर आप रन करने की योजना बनाते हैं), निम्न कार्यों की श्रृंखला सरल की जाती है:

1. एक फ़ोल्डर में इकट्ठा करने के लिए जेएसओवरेज द्वारा प्रसंस्करण के लिए सभी कनेक्टेड जेएस फाइलें;
2. JSCoverage के साथ उनके माध्यम से चलो;
3. अन्य जुड़े हुए फाइलों के लिंक इकट्ठा करें जो कवरेज की गणना में शामिल नहीं हैं (पुस्तकालयों, खुद से बाहर निकलें, परीक्षण के लिए सहायक घटक, आदि);
4. परीक्षण मामलों के साथ सभी फाइलें ढूंढें;
5. क्विंट के लिए सामान्य क्रम में निष्पादन के लिए ऊपर वर्णित तत्वों से एक पृष्ठ इकट्ठा करें;
6. इस पृष्ठ को PhantomJS के तहत निष्पादन के लिए स्क्रिप्ट के साथ चलाएं;
7. "ब्राउज़र की विंडो" से एक क्वैनिट रिपोर्ट और निष्पादन आँकड़े लें - कवरेज, पूर्ण, सफल और गिराए गए परीक्षणों की संख्या;
8. इस सब से एक मानव-पठनीय रिपोर्ट उत्पन्न करें;
9. फ़ोल्डर में रिपोर्ट जोड़ें, साथ ही साथ आपको इसे पुनः आरंभ करने की आवश्यकता है।

रिपोर्ट

किए गए जोड़तोड़ के बाद, उपयोगिता वाले फ़ोल्डर में सबफ़ोल्डर / लक्ष्य / होगा, जिसमें वे मुड़े होंगे:

• test.html - वेबकिट-जैसे ब्राउज़रों में चलने के लिए स्क्रिप्ट की आवश्यक सूची वाला बहुत पृष्ठ (PhantomJS प्रतिबंध, इसे फ़ाइल के साथ लिंक देने की अनुमति नहीं है: // प्रोटोकॉल अभी तक), यह आपको परिचित दृश्य वातावरण में टेस्ट कर्व्स डिबग करने के लिए अपने सभी पसंदीदा देव उपकरण कार्यक्षमता का उपयोग करने की अनुमति देता है (आदेश यह है - हम कंसोल परीक्षण चलाते हैं, ब्राउज़र में देखते हैं, इसे ठीक करते हैं, इसे फिर से चलाते हैं, अपडेट किए गए संस्करण के लिए ब्राउज़र में देखें);
• test-result.html - सीधे परीक्षण चलाने के बिना परीक्षण निष्पादन रिपोर्ट, एकत्रित कवरेज आँकड़े,:
  
• * .js.html - रिपोर्ट में शामिल प्रत्येक फ़ाइल के लिए कवरेज रिपोर्ट:
  
• कवरेज.जसन - फाइलों द्वारा निष्पादित लाइनों की संख्या पर कच्चे आँकड़े, बस मामले में, देखें कि जेएससीओवरेज ने क्या एकत्र किया।

परिणाम

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

फिलहाल, उपयोगिता को अवधारणा के प्रमाण के रूप में माना जा सकता है, जो अपने कार्य के साथ अच्छी तरह से मुकाबला करता है, जीवन को सरल बनाता है, लेकिन जो कमियां नहीं है। किसी भी मामले में, मैं आवश्यकतानुसार और जब भी संभव हो, कार्यक्षमता विकसित करने की योजना बनाता हूं। किट JSTestDriver से परीक्षण किए गए ढांचे के हिस्से के रूप में चलाने के लिए एक छोटी उपयोगिता के साथ भी आता है, इसलिए आप PhantomJS में IDE में परीक्षण चला सकते हैं, लेकिन फिलहाल यह नहीं पता है कि अतुल्यकालिक परीक्षण कैसे चलाएं।