Written with AI assistance from the source video. The video is the authority.
Log in to leave a comment
No posts yet
ब्राउज़र ऑटोमेशन आधुनिक विकास का एक अनिवार्य हिस्सा है, लेकिन जैसे ही आप इसमें AI एजेंटों को शामिल करते हैं, स्थिति जटिल हो जाती है। कोई भी डेवलपर जिसने मौजूदा Playwright या Puppeteer MCP (Model Context Protocol) का उपयोग किया है, उसने इसका अनुभव किया होगा। फूला हुआ कॉन्टेक्स्ट, बिखरी हुई फ़ोल्डर संरचना, और महत्वपूर्ण क्षणों में कम कार्य पूर्णता दर डेवलपर के धैर्य की परीक्षा लेती है।
सबसे बड़ी समस्या दक्षता की है। मौजूदा ओपन-सोर्स MCP तरीके ब्राउज़र की स्थिति को मॉडल तक पहुँचाने के लिए प्रत्येक सेशन इनिशियलाइजेशन पर 13,700~19,000 टोकन खर्च करते हैं। इसका मतलब है कि वास्तविक अनुमान (inference) के लिए उपयोग किए जाने वाले संसाधनों का एक बड़ा हिस्सा केवल एनवायरनमेंट सेटअप में ही खत्म हो जाता है। इसके विपरीत, Claude Code क्रोम एक्सटेंशन सीधे ब्राउज़र के आंतरिक API तक पहुँचता है। चूंकि यह वास्तविक उपयोगकर्ता सेशन साझा करता है, इसलिए यह उस पुरानी डिबगिंग समस्या को जड़ से खत्म कर देता है जहाँ 'यह मेरे कंप्यूटर पर तो काम करता है लेकिन AI के लिए नहीं।'
AI टेस्टिंग की सफलता इस बात पर निर्भर करती है कि आप कितनी सटीक जानकारी देते हैं। अनावश्यक डेटा को हटाने और दक्षता को अधिकतम करने के लिए तीन व्यावहारिक रणनीतियाँ अपनाई जानी चाहिए।
पारंपरिक ऑटोमेशन टूल DOM तत्वों के टेक्स्ट पर बहुत अधिक निर्भर करते हैं। हालांकि, Claude जैसे शक्तिशाली विजन क्षमता वाले मॉडल के लिए, पूरे पेज का स्क्रीनशॉट कहीं अधिक प्रभावी है। हजारों लाइनों के HTML कोड को टेक्स्ट के रूप में सीरियलाइज करके भेजने के बजाय, लगभग 500KB की एक इमेज में सूचना का घनत्व अधिक होता है। इससे तत्वों के ओवरलैपिंग या रिस्पॉन्सिव लेआउट दोषों जैसी विजुअल रिग्रेशन समस्याओं को एक ही बार में पकड़ा जा सकता है।
कुकी कंसेंट बैनर या न्यूज़लेटर पॉप-अप AI के प्रवाह को तोड़ने वाले मुख्य कारक हैं। AI को अपने कीमती टोकन का उपयोग करके पॉप-अप बंद करने न दें। CLAUDE.md फ़ाइल में एक प्री-एग्जीक्यूशन स्क्रिप्ट परिभाषित करें जो [aria-modal="true"] या कुकी से संबंधित एट्रिब्यूट वाले तत्वों को जबरन छिपा दे। वास्तविक शोध डेटा के अनुसार, केवल इस प्री-प्रोसेसिंग से टेस्ट त्रुटि की संभावना 25% से अधिक कम हो सकती है।
AI को बिना सोचे-समझे पूरा HTML पढ़ने के लिए कहने के बजाय, उसे विशिष्ट तत्वों को सटीक रूप से इंगित करने का निर्देश दें। प्राथमिकता इस प्रकार होनी चाहिए:
[data-testid="submit-btn"] [aria-label="लॉगिन"] क्रोम का Manifest V3 विनिर्देश बैकग्राउंड सर्विस वर्कर को लगभग 30 सेकंड की निष्क्रियता के बाद बंद कर देता है। यह वह बिंदु है जहाँ लंबे समय तक चलने वाले E2E टेस्ट में AI ब्राउज़र की स्थिति खो देता है, जिसे '30 सेकंड की दीवार' कहा जाता है।
इसे हल करने के लिए, एक बड़े परिदृश्य को एक साथ चलाने के बजाय, उसे स्वतंत्र रूप से सत्यापित की जाने वाली छोटी इकाइयों में तोड़ने वाला मॉड्यूलर टेस्ट डिज़ाइन आवश्यक है। टेस्ट की प्रगति को रीयल-टाइम में रिकॉर्ड करने के लिए tasks/status.md जैसी एक अलग फ़ाइल बनाएँ। भले ही सेशन कट जाए, AI इस रिकॉर्ड को पढ़कर वहीं से काम फिर से शुरू कर सकता है जहाँ उसने छोड़ा था। इसके अतिरिक्त, हर 25 सेकंड में एक हल्का API कॉल करने वाला 'हार्टबीट लॉजिक' जोड़कर निष्क्रियता टाइमर को जबरन रीसेट करने की ट्रिक भी उपयोगी है।
सिद्धांत से आगे बढ़कर वास्तविक वातावरण बनाते समय, इन विवरणों को न भूलें:
--user-data-dir फ्लैग का उपयोग करें। यह व्यक्तिगत सेशन के साथ टकराव को रोकता है और आवश्यक लॉगिन स्थिति को स्थिर रखता है।Claude Code और क्रोम एक्सटेंशन का संयोजन यह दर्शाता है कि AI एक साधारण पर्यवेक्षक से आगे बढ़कर एक वास्तविक कर्ता के रूप में विकसित हो गया है। यदि आप मौजूदा MCP पद्धति के ओवरहेड को कम करते हैं और डिज़ाइन के माध्यम से Manifest V3 की बाधाओं को दूर करते हैं, तो आपको अब बार-बार होने वाली मैन्युअल टेस्टिंग पर समय बर्बाद करने की आवश्यकता नहीं होगी।
अंततः, सफल AI टेस्टिंग केवल तकनीकी सेटिंग से बढ़कर इवैल्यूएशन ड्रिवन डेवलपमेंट (EDD) की ओर एक बुनियादी बदलाव है। आज ही अपने प्रोजेक्ट रूट में अनुकूलित निर्देश शामिल करें और सॉफ्टवेयर गुणवत्ता को मौलिक रूप से ऊपर उठाने वाला एक ऑटोमेशन वातावरण तैयार करें।