🖲️ 😌 ✌🏿 परीक्षण के माध्यम से विकास: कौशल में सुधार 👈🏽 ⛽️ 👩🏾‍🎨

परीक्षण एक महत्वपूर्ण कौशल है जो प्रत्येक डेवलपर के पास होना चाहिए। हालांकि, कुछ ऐसा करने से हिचकते हैं।

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

टेस्ट आपके कोड को अधिक स्थिर बनाते हैं और बग की संख्या को कम करते हैं। यह आपको लगता है कि ऐसा नहीं है, क्योंकि आप अपने कोड के प्रत्येक बिट को जानते हैं। आखिरकार, आपने इसे लिखा, और परीक्षण क्यों?

मान लीजिए आप एक मौसम ऐप बना रहे हैं। आपने कई दिनों या हफ्तों के लिए कोड लिखा है, इसलिए आप कोड को और से जानते हैं।

अब कल्पना करें कि आपने एप्लिकेशन पर काम करना समाप्त कर दिया है और कुछ महीनों में वापस आ जाएगा। आपको पुराने कोड का हर विवरण याद नहीं होगा। आप इसे बदलते हैं ... और नरक ... कुछ टूट गया है। आप इसे कैसे ठीक करते हैं? आपके द्वारा बनाई गई प्रत्येक फ़ाइल को देखें और उसे फिर से काम करने के लिए कॉन्फ़िगर करें? यह काम कर सकता है। लेकिन इस फ़ाइल को बदलने से कुछ और टूट जाएगा।

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

प्रत्येक टीम को सॉफ्टवेयर या एप्लिकेशन बनाते समय परीक्षण लिखना चाहिए। आप एक ऐसा व्यक्ति नहीं बनना चाहते जो परीक्षण करना नहीं जानता है?

हां, परीक्षण लिखने में समय लगता है। हां, यह पहली बार में मुश्किल है। हां, एप्लिकेशन बनाना अधिक दिलचस्प है। लेकिन परीक्षण महत्वपूर्ण हैं और सही ढंग से लागू होने पर समय की बचत करें।

मेरा लक्ष्य आज परीक्षण कौशल में सुधार करना है। हम जेस्ट (जावास्क्रिप्ट परीक्षण उपकरण) के साथ परीक्षण के माध्यम से इकाई परीक्षण और विकास को देखेंगे। बेशक, अन्य परीक्षण उपकरण हैं जो आप उपयोग कर सकते हैं, जैसे कि मोचा और चाय।

चलो शुरू हो जाओ!

इकाई परीक्षण

जब आप एप्लिकेशन का परीक्षण करने का निर्णय लेते हैं, तो आपको विभिन्न प्रकार के परीक्षण का सामना करना पड़ता है: यूनिट परीक्षण (यूनिट), एकीकरण परीक्षण और कार्यात्मक परीक्षण। हमें यूनिट परीक्षणों पर ध्यान देना चाहिए।

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

इकाई परीक्षण लाभ:

कोड को अधिक स्थिर बनाता है;
अपने व्यवहार को बदलने के बिना किसी फ़ंक्शन के कार्यान्वयन में परिवर्तन की सुविधा देता है;
अपने कोड का दस्तावेज़ दें। आप जल्द ही समझ जाएंगे कि क्यों।
आपको सही डिज़ाइन बनाता है। वास्तव में, खराब रूप से डिजाइन किए गए कोड का परीक्षण करना अधिक कठिन होता है।

परीक्षण विकास (TDD)

परीक्षण के माध्यम से विकास को समझने और उपयोग करने के लिए, इन 2 नियमों को याद रखें:

एक परीक्षा लिखें जो कोड लिखने से पहले विफल हो जाए।
फिर कोड लिखें जो परीक्षा पास कर सकता है।

जब हम टीडीडी का उपयोग करते हैं, तो हम "लाल, हरे, रिफ्लेक्टर" लूप के बारे में बात कर रहे हैं।

लाल: आप बिना कोड लिखे असफल परीक्षा लिखते हैं।

हरा: सबसे सरल कोड लिखें जो परीक्षण पास कर सकता है। भले ही कोड आपको बेवकूफ लगता हो।

रिफैक्टर: कोड रीफैक्टरिंग, यदि आवश्यक हो। अगर आप कोड बदलते हैं तो चिंता न करें और अगर कुछ गलत हो जाए तो आपकी यूनिट के परीक्षण टूट जाते हैं।

एक परीक्षण फ़ाइल को संरचित करना

जेस्ट संरचना परीक्षण के लिए कार्य प्रदान करता है:

वर्णन: अपने परीक्षणों को समूहीकृत करने और अपने कार्य / मॉड्यूल / वर्ग के व्यवहार का वर्णन करने के लिए उपयोग किया जाता है। यह दो पैरामीटर लेता है। पहली एक पंक्ति है जो आपके समूह का वर्णन करती है। दूसरा एक कॉलबैक फ़ंक्शन है जिसमें आपके पास परीक्षण मामले या हुक फ़ंक्शन हैं।

यह या परीक्षण: आपकी इकाई परीक्षण। पैरामीटर विवरण के समान हैं। वर्णनात्मक होना चाहिए। परीक्षण का नामकरण आपके ऊपर है, लेकिन आप "चाहिए" से शुरू कर सकते हैं।

पहले सभी (बाद में) : हुक फ़ंक्शन सभी परीक्षणों से पहले (और बाद में) चलता है। यह एक पैरामीटर लेता है, जो एक फ़ंक्शन है जिसे आप सभी परीक्षणों से पहले (और बाद में) चलाएंगे।

पहले (बाद में): हुक फ़ंक्शन जो प्रत्येक परीक्षण से पहले (और बाद में) निष्पादित किया जाता है। यह एक पैरामीटर लेता है, जो कि फ़ंक्शन है जिसे आप प्रत्येक परीक्षण से पहले (और बाद में) चलाएंगे।

किसी भी परीक्षा को लिखने से पहले, आपको निम्नलिखित जानना चाहिए:

आप का उपयोग कर परीक्षण छोड़ सकते हैं। वर्णन पर इसे और इसे : it.skip (...) या description.skip (...) । .Skip का उपयोग करते हुए , आप जेस्ट को परीक्षण या समूह की अनदेखी करने के लिए कहते हैं।

आप वास्तव में उन परीक्षणों का चयन कर सकते हैं जिन्हें आप उपयोग करना चाहते हैं। केवल वर्णन पर और इसे : it.only (...) या description.only (...) पर क्लिक करें । यह उपयोगी है अगर आपके पास बहुत सारे परीक्षण हैं और केवल एक ही चीज़ पर ध्यान केंद्रित करना चाहते हैं या अपने परीक्षणों को "डीबग" करना चाहते हैं।

जेस्ट सेटअप

आपको उन परीक्षण कार्यों को दिखाने के लिए जिन्हें हमने ऊपर जांचा था, हमें जेस्ट को कॉन्फ़िगर करने की आवश्यकता है। यह बहुत सरल है।

आपको केवल Node.js और npm या Yarn की आवश्यकता है। सुनिश्चित करें कि आप Node.js के नवीनतम संस्करण का उपयोग कर रहे हैं, क्योंकि हम ES6 का उपयोग करेंगे। एक नई निर्देशिका बनाएं और इसे प्रारंभ करें।

mkdir test-example && cd test-example npm init -y # OR yarn init -y

-मैं सभी npm या यार्न सवालों के जवाब "हां" देता हूं। उसे एक बहुत ही साधारण पैकेज बनाना था। json फ़ाइल।

फिर अपने विकास के माहौल में जेस्ट को जोड़ें।

 yarn add jest --dev

फिर अपने पैकेज में निम्न स्क्रिप्ट जोड़ें। Json :

 "scripts": { "test": "jest" }

यार्न परीक्षण आपकी परीक्षण फ़ाइलों को एक निर्देशिका में चलाएगा। डिफ़ॉल्ट रूप से, जेस्ट __tests__ डायरेक्टरी के अंदर या .spec.js, या .test.js फाइलों को पहचानता है।

वह सब है। क्या आप पहला टेस्ट लिखने के लिए तैयार हैं।

माचिस (नमूने)

जब आप कुछ जांचते हैं, तो आपको इनपुट और अपेक्षित परिणाम चाहिए। यही कारण है कि जेस्ट हमारे मूल्यों का परीक्षण करने के लिए नमूने प्रदान करता है:

 expect(input).matcher(output)

जेस्ट के कई नमूने हैं, यहाँ सबसे महत्वपूर्ण है:

toBe: सख्त समानता (===) की तुलना करता है।

 expect(1 + 1).toBe(2) let testsAreEssential = true expect(testAreEssential).toBe(true)

TOEqual: दो चर, सरणियों या वस्तुओं के बीच मूल्यों की तुलना करता है।

 let arr = [1, 2] arr.push(3) expect(arr).toEqual([1, 2, 3]) let x= 1 x++ expect(x).toEqual(2)

toBeTruthy (toBeFalsy): इंगित करता है कि मूल्य सही है (या गलत)।

 expect(null).toBeFalsy() expect(undefined).toBeFalsy() expect(false).toBeFalsy() expect("Hello world").toBeTruthy() expect({foo: 'bar'}).toBeTruthy()

.Contain: जाँचता है कि किसी सरणी में कोई तत्व है या नहीं।

 expect(['Apple', 'Banana', 'Strawberry']).toContain('Apple')

.Throw: चेक करता है कि क्या कोई फंक्शन त्रुटि पैदा कर रहा है।

 function connect () { throw new ConnectionError() } expect(connect).toThrow(ConnectionError)

पहले परीक्षण

अब हम अपना पहला टेस्ट लिखने जा रहे हैं और अपनी विशेषताओं के साथ खेल रहे हैं। पहले अपनी निर्देशिका में एक example.spec.js फ़ाइल बनाएं और निम्नलिखित पेस्ट करें:

 describe('Example', () => { beforeAll(() => { console.log('running before all tests') }) afterAll(() => { console.log('running after all tests') }) beforeEach(() => { console.log('running before each test') }) afterEach(() => { console.log('running after each test') }) it('Should do something', () => { console.log('first test') }) it('Should do something else', () => { console.log('second test') }) })

कृपया ध्यान दें कि हमें उन सभी कार्यों को आयात करने की आवश्यकता नहीं है जो हम उपयोग करते हैं। वे पहले से ही जेस्ट द्वारा प्रदान किए जाते हैं।

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

चूंकि आपके पास परीक्षणों में बयान नहीं हैं, इसलिए वे पास हो जाएंगे। क्या आपने अलग कंसोल देखा है। निर्देश देखें? आपको यह समझने की आवश्यकता है कि आपके कार्य और परीक्षण मामले कैसे काम करते हैं।

अब सभी हुक फ़ंक्शंस निकालें और पहले टेस्ट में .skip जोड़ें:

 describe('Example', () => { it.skip('Should do something', () => { console.log('first test') }) it('Should do something else', () => { console.log('second test') }) })

यार्न परीक्षण फिर से चलाएँ:

यह ठीक है अगर पहला परीक्षण काम नहीं करता है।

एक तीसरा परीक्षण जोड़ें और उपयोग करें।

 describe('Example', () => { it('Should do something', () => { console.log('first test') }) it('Should do something else', () => { console.log('second test') }) it.only('Should do that', () => { console.log('third test') }) })

यार्न परीक्षण फिर से चलाएँ :

लेख के दूसरे भाग में, हम TDD का उपयोग करके जावास्क्रिप्ट में स्टैक का एक सरल कार्यान्वयन करेंगे।

परीक्षण के माध्यम से विकास: कौशल में सुधार

इकाई परीक्षण

एक परीक्षण फ़ाइल को संरचित करना

जेस्ट सेटअप

माचिस (नमूने)

पहले परीक्षण

More articles: