जावास्क्रिप्ट में TDD: बग्स से डरना छोड़ें और आत्मविश्वास से कोड करना शुरू करें

शुरुआती लोगों के लिए ऑनलाइन Python प्रशिक्षक

Python आसानी से सीखें बिना सिद्धांत के बोझ के। स्वचालित जांच के साथ व्यावहारिक कार्य हल करें और ब्राउज़र में सीधे कोड लिखें।

पाठ्यक्रम शुरू करें

क्यों TDD कोई फैशनेबल ट्रेंड नहीं, बल्कि आपका नया सबसे अच्छा दोस्त है

\n\n

कल्पना करें: आप कोड लिख रहे हैं, सब कुछ पूरी तरह से काम कर रहा है। आप एप्लिकेशन चलाते हैं — कोई बग नहीं। एक हफ्ते बाद आप एक नई सुविधा जोड़ते हैं, और... सब कुछ टूट जाता है। परिचित लगता है? यदि आपने कभी किसी त्रुटि को खोजने में घंटों बिताए हैं जो पड़ोसी मॉड्यूल में आकस्मिक बदलाव के कारण हुई — यह लेख आपके लिए है।

\n\n

टेस्ट-ड्रिवेन डेवलपमेंट (Test-Driven Development, TDD) केवल एक पद्धति नहीं है, बल्कि डेवलपर के लिए एक वास्तविक जीवन रक्षक है। जावास्क्रिप्ट की दुनिया में, जहाँ कोड मौसम से भी तेज़ बदलता है, TDD आपको बचाए रखने में मदद करता है। आइए समझते हैं कि यह कैसे काम करता है, और TDD के बाद आप पुराने तरीके से कोड क्यों नहीं लिख पाएंगे।

\n\n

वास्तव में TDD क्या है? (स्पॉयलर: यह टेस्ट के बारे में नहीं है)

\n\n

बहुत से लोग सोचते हैं कि TDD का मतलब सिर्फ "कोड से पहले टेस्ट लिखना" है। लेकिन वास्तव में यह डिज़ाइन का दर्शन है। TDD आपको यह सोचने पर मजबूर करता है कि आपका कोड कैसे इस्तेमाल किया जाएगा, इससे पहले कि आप इसे लिखें। यह एक आर्किटेक्ट की तरह है जो पहले इमारत का नक्शा बनाता है, फिर निर्माण शुरू करता है।

\n\n

TDD चक्र तीन चरणों से बना है (अक्सर "Red-Green-Refactor" कहा जाता है):

\n\n

Red: एक ऐसा टेस्ट लिखें जो जानबूझकर फेल होगा (क्योंकि फंक्शनैलिटी अभी मौजूद नहीं है)।
Green: न्यूनतम कोड लिखें ताकि टेस्ट पास हो जाए।
Refactor: कोड को बेहतर बनाएं, उसके व्यवहार को बदले बिना (टेस्ट गारंटी देते हैं कि आपने कुछ नहीं तोड़ा)।

\n\n

और हाँ, यह चक्र फंक्शनैलिटी की हर छोटी इकाई के लिए दोहराया जाता है। यह धीमा लगता है? संभव है। लेकिन लंबी दौड़ में आप डिबगिंग के घंटे बचाएंगे।

\n\n

जावास्क्रिप्ट TDD के लिए आदर्श क्यों है

\n\n

जावास्क्रिप्ट एक डायनामिक भाषा है। यह इसकी ताकत और कमजोरी दोनों है। रनटाइम में त्रुटियाँ — खासकर बड़े प्रोजेक्ट्स में — आम बात है। TDD जावास्क्रिप्ट को "लचीले लेकिन नाजुक" उपकरण से एक विश्वसनीय प्लेटफॉर्म में बदल देता है।

\n\n

इसके अलावा, JS इकोसिस्टम टेस्टिंग टूल्स से समृद्ध है: Jest, Mocha, Chai, Jasmine। हम Jest का उपयोग करेंगे — यह सरल, शक्तिशाली और लोकप्रिय है। यदि आप अभी तक Jest से परिचित नहीं हैं, तो चिंता न करें: हम बुनियादी बातों से शुरू करेंगे।

\n\n

अभ्यास: TDD के साथ कैलकुलेटर लिखना

\n\n

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

\n\n

चरण 1: प्रोजेक्ट सेटअप

\n\n

एक नया फोल्डर बनाएं और प्रोजेक्ट को इनिशियलाइज़ करें:

\n\n

mkdir tdd-calculator\ncd tdd-calculator\nnpm init -y\nnpm install --save-dev jest\n

\n\n

package.json में स्क्रिप्ट जोड़ें:

\n\n

"scripts": {\n  "test": "jest"\n}\n

\n\n

चरण 2: लाल — जोड़ के लिए टेस्ट लिखें

\n\n

calculator.test.js फ़ाइल बनाएं:

\n\n

// calculator.test.js\nconst { add } = require('./calculator');\n\ndescribe('Calculator', () => {\n  test('adds 2 + 3 to equal 5', () => {\n    expect(add(2, 3)).toBe(5);\n  });\n});\n

\n\n

टेस्ट चलाएं: npm test। यह त्रुटि के साथ फेल होगा क्योंकि add फंक्शन मौजूद नहीं है। यह सामान्य है — यह लाल चरण है।

\n\n

चरण 3: हरा — न्यूनतम कोड लिखें

\n\n

calculator.js बनाएं:

\n\n

// calculator.js\nfunction add(a, b) {\n  return a + b;\n}\n\nmodule.exports = { add };\n

\n\n

टेस्ट फिर से चलाएं। हरा? बढ़िया! हमने अभी हरा चरण पार किया है।

\n\n

चरण 4: रिफैक्टरिंग

\n\n

कोड सरल है, रिफैक्टर करने के लिए कुछ नहीं है। लेकिन कल्पना करें कि हम टाइप चेकिंग जोड़ना चाहते हैं। TDD इसे सुरक्षित रूप से करने की अनुमति देता है: पहले टेस्ट, फिर कोड।

\n\n

// calculator.test.js\ntest('throws error if arguments are not numbers', () => {\n  expect(() => add('2', 3)).toThrow('Arguments must be numbers');\n});\n

\n\n

अब add को संशोधित करें:

\n\n