2014-05-03 10 views
5

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

यदि मैं एक कोडपेन खोलता हूं तो ब्राउज़र में कोड कोड कैसे उत्पन्न किया जा सकता है?
कृपया इसका एक उदाहरण दिखाएं।

यहां मैं एक नियंत्रक का परीक्षण कर रहा हूं और जैस्मीन कोड का परीक्षण करता है लेकिन मैं जानना चाहता हूं कि यह 100% कवर है और में दिखाएं। http://codepen.io/clouddueling/pen/Jwaru?editors=001

क्या मैं अपना कोड सर्वर पर सबमिट कर सकता हूं? क्या यह तुरंत उसके स्थान पर कहीं और परीक्षण किया गया है और परिणाम प्राप्त करें? क्या Instanbul क्लाइंट में किसी भी तरह से चला सकता है और एक HTML रिपोर्ट या जेसन स्ट्रिंग आउटपुट कर सकता है?

उत्तर

6

आप ब्राउज़र अपने आप में एक कोड कवरेज को चलाने के लिए Blanket.js, जो चमेली परीक्षण धावक का समर्थन है, का उपयोग कर सकते हैं।

यहां एक PLUNKER है जो आपके नमूना ऐप और चश्मे का प्रदर्शन करता है। कुछ प्रमुख बिंदु यहां दिए गए हैं:

<!-- Use of data-cover provided by blanket to test coverage of concerned file --> 
<script type="text/javascript" src="app.js" data-cover></script> 

कंबल js एक adapter for jasmine की जरूरत है। jasmine-blanket.js एडाप्टर plunker में दिखाया गया है।

मुझे कोडपेन पर प्लंकर पसंद आया। उम्मीद है की वो मदद करदे। क्या यह चालाक नहीं है?

अपडेट 9-11-2017 blanket.js प्रोजेक्ट सक्रिय रूप से बनाए रखा नहीं गया है, तो आप उनके जीथब रिपोजिटरी पर देख सकते हैं। enter image description here

+0

मुझे बक्षीस के लिए 40 मिनट का इंतजार करना है, लेकिन वह झटकेदार है! यदि मैं परीक्षणों में से एक को हटा देता हूं तो यह लाल कोड xD –

+1

पर प्रकाश डाला गया है, यह उपयोगी था। हम इस्तांबुल का उपयोग करते हैं, लेकिन यह एक हल्का वजन पुस्तकालय है जो मुझे लगता है कि जब मैं किसी भी सर्वर पक्ष से संबंधित कॉन्फ़िगरेशन को पूरी तरह से सारणीबद्ध करके ब्राउज़र में टीडीडी और कोड कवरेज (अपना उदाहरण स्थापित करना) पर प्रशिक्षण के बारे में सोचता हूं तो मुझे पूर्ण रूप से उपयोग किया जा सकता है।@MichaelCalkins – dmahapatro

+0

यही कारण है कि मैं इसे चाहता हूं इसलिए मैं टीडीडी पढ़ सकता हूं :) –

0

यदि आपको कवरेज और जटिलता डेटा की आवश्यकता है तो मैं अत्यधिक सुझाव देता हूं कि आप Grunt.io और NPM देखें। एनपीएम में कर्म-कवरेज जैसे पैकेज हैं जो आपको आपके आवेदन की पूर्ण कवरेज रिपोर्ट देंगे। ग्रंट इन रिपोर्ट्स के लिए अपनी ऑटोमेटेड कार्य धावक है। लेकिन याद रखें कि 100% कवरेज हमेशा प्रासंगिक नहीं है। यह जहां कोड जटिलता के लिए एक उपकरण में आता है। मैं कर्म-कवरेज के साथ NPM पैकेज घुरघुराना-जटिलता का उपयोग देखने के लिए शामिल नहीं है क्या और उसके बाद निर्धारित करने के लिए कितना मूल्य पूर्ण परीक्षण कवरेज मेरी कोड के उस हिस्से में है।

एग्हेड का एक अच्छा गड़बड़ परिचय वीडियो https://egghead.io/lessons/gruntjs-introduction-to-grunt है।

आशा है कि यह एक बिट में मदद करता है,

जॉर्डन

+0

मैं पहले से ही स्थानीय रूप से grunt और npm का उपयोग करता हूं, लेकिन मैं इसे शिक्षण उदाहरणों के लिए ब्राउज़र में करना चाहता था। –

+0

मैं कर्म-कवरेज को एचटीएमएल में आउटपुट के लिए कॉन्फ़िगर किया जा सकता है। यह भी बहुत चिकना है। मुझे लगता है कि कोणीय से वोजाता ने इस पर काम किया। –

+0

मैं मूल रूप से ब्राउज़र में instanbul चलाना चाहते हैं,, मेरे codepen को देखो कि कोड कवरेज मैं क्या कर सकते हैं का उपयोग कर? –

संबंधित मुद्दे