how locate elements chrome
यह हमारे सेलेनियम ऑनलाइन प्रशिक्षण श्रृंखला में ट्यूटोरियल # 7 है। यदि आप इस श्रृंखला के सभी सेलेनियम ट्यूटोरियल की जाँच करना चाहते हैं, तो कृपया जाँच करें यह पन्ना ।
पिछले ट्यूटोरियल में, हमने सेलेनियम में विभिन्न प्रकार के लोकेटरों पर प्रकाश डाला और परीक्षण लिपियों के निर्माण के लिए उनके तंत्र का पता लगाया। ट्यूटोरियल प्राथमिक था जिसमें विभिन्न लोकेटर प्रकारों के संक्षिप्त परिचय शामिल थे आईडी, कक्षाएं, Xpaths, लिंक ग्रंथ , CSS चयनकर्ता आदि और उनकी पहचान।
अपने अगले ट्यूटोरियल के साथ आगे बढ़ते हुए, हम आपको लोकेट करने की रणनीतियों के विस्तार के साथ पेश करने का अवसर लेंगे। इस प्रकार, में अगला ट्यूटोरियल, हम Google Chrome और Internet Explorer पर वेब तत्वों का पता लगाने के लिए तंत्र का अध्ययन करेंगे।
जैसा कि हम सभी इस तथ्य से अच्छी तरह से वाकिफ हैं कि इंटरनेट यूजर बेस में तेजी से वृद्धि हो रही है, इस प्रकार हितधारक और प्रोग्रामर वेब एप्लिकेशन का निर्माण कर रहे हैं जो अधिकांश ब्राउज़रों पर काम करने की संभावना है।
इस प्रकार, ऐसी स्थिति की कल्पना करें जहां आपका वेब एप्लिकेशन फ़ायरफ़ॉक्स का समर्थन नहीं करता है लेकिन क्रोम और इंटरनेट एक्सप्लोरर के लिए अच्छा काम करता है।
अब आप सेलेनियम का उपयोग करके इस तरह के एक आवेदन को कैसे स्वचालित करने जा रहे हैं? या क्रोम और इंटरनेट एक्सप्लोरर में वेब तत्वों का पता लगाने के लिए आप कैसे विशिष्ट हैं। इस प्रकार उत्तर इस ट्यूटोरियल में आगे है।
गूगल क्रोम के लिए मुफ्त पॉप अप अवरोधक
आप क्या सीखेंगे:
Google Chrome में वेब एलिमेंट्स का पता लगाना
आइए हम Google Chrome में पता लगाने की रणनीतियों को समझना शुरू करें।
फ़ायरफ़ॉक्स में फायरबग की तरह, Google क्रोम के पास है अपने डेवलपर उपकरण जिसका उपयोग वेब पेज पर वेब तत्वों को पहचानने और खोजने के लिए किया जा सकता है। फायरबग के विपरीत, किसी उपयोगकर्ता को किसी अलग प्लगइन को डाउनलोड या स्थापित करने की आवश्यकता नहीं है; डेवलपर टूल Google Chrome के साथ आसानी से बंडल हो जाता है।
Chrome के डेवलपर टूल का उपयोग करके वेब तत्वों का पता लगाने के लिए नीचे दिए गए चरणों का पालन करें:
चरण 1: प्राथमिक चरण Google Chrome का डेवलपर टूल लॉन्च करना है। टूल लॉन्च करने के लिए F12 दबाएं। उपयोगकर्ता नीचे स्क्रीन की तरह कुछ देख पाएंगे।
ध्यान दें कि उपरोक्त स्क्रीनशॉट में 'एलिमेंट' टैब हाइलाइट किया गया है। इस प्रकार, तत्व टैब वह है जो वर्तमान वेब पेज से संबंधित सभी HTML गुणों को प्रदर्शित करता है। लॉन्च पर डिफ़ॉल्ट रूप से नहीं खोला गया है, तो 'तत्व' टैब पर नेविगेट करें।
आप वेब पेज के भीतर कहीं भी राइट-क्लिक करके और 'इंस्पेक्ट एलिमेंट' का चयन करके डेवलपर टूल लॉन्च कर सकते हैं, जो फायरबग के निरीक्षण के समान है।
चरण 2: अगला कदम वेब पेज के भीतर वांछित वस्तु का पता लगाना है। ऐसा करने का एक तरीका वांछित वेब तत्व पर राइट क्लिक करना और निरीक्षण करना है। डेवलपर टूल में उस वेब एलिमेंट से संबंधित HTML प्रॉपर्टी को हाइलाइट किया जाएगा। एक अन्य तरीका एचटीएमएल गुणों के माध्यम से मंडराना है और मेल खाते वेब तत्व पर प्रकाश डाला जाएगा। इस प्रकार, इस तरह से यूजर आईडी, क्लास, लिंक आदि का पता लगा सकता है।
डेवलपर टूल में एक Xpath बनाना
हमने पहले ही अंतिम ट्यूटोरियल में एक्सपैथ्स पर चर्चा की है। हमने इसकी निर्माण रणनीति पर भी चर्चा की। यहां हम Chrome की डेवलपर टूल में बनाई गई XPath की वैधता की जांच करने के लिए अपनी चर्चा को आधार बनाएंगे।
चरण 1: डेवलपर टूल में XPath बनाने के लिए, कंसोल टैब खोलें।
चरण 2: निर्मित Xpath टाइप करें और इसे $ x में संलग्न करें ('// इनपुट [@ id = 'ईमेल']')
चरण 3: निर्दिष्ट Xpath के साथ सभी मिलान HTML तत्वों को देखने के लिए एंटर कुंजी दबाएं। हमारे मामले में, केवल एक मिलान HTML तत्व है। उस HTML तत्व पर होवर करें और संबंधित वेब तत्व वेब पेज पर हाइलाइट किया जाएगा।
इस तरह, सभी Xpath को कंसोल के भीतर उनकी वैधता के लिए बनाया और जांचा जा सकता है।
वेब तत्व के अनुरूप CSS से संबंधित जानकारी क्रोम के डेवलपर टूल में पाई जा सकती है। नीचे दिए गए स्क्रीनशॉट को देखें:
इंटरनेट एक्सप्लोरर में वेब तत्वों का पता लगाना
Google Chrome की तरह, Internet Explorer का अपना डेवलपर टूल भी है जिसका उपयोग वेब पेज के भीतर उनके गुणों के आधार पर वेब तत्वों की पहचान करने के लिए किया जा सकता है। उपयोगकर्ता को किसी अलग प्लगइन को डाउनलोड या इंस्टॉल करने की आवश्यकता नहीं है, डेवलपर टूल इंटरनेट एक्सप्लोरर के साथ आसानी से बंडल में आता है।
IE डेवलपर टूल का उपयोग करके वेब तत्वों का पता लगाने के लिए नीचे दिए गए चरणों का पालन करें:
चरण 1: प्राथमिक कदम IE डेवलपर टूल लॉन्च करना है। टूल लॉन्च करने के लिए F12 दबाएं। उपयोगकर्ता नीचे स्क्रीन की तरह कुछ देख पाएंगे।
ध्यान दें कि उपरोक्त स्क्रीनशॉट में 'HTML' टैब हाइलाइट किया गया है। इस प्रकार, HTML टैब वह है जो वर्तमान वेब पेज से संबंधित सभी HTML गुणों को प्रदर्शित करता है। वर्तमान वेब पेज से संबंधित सभी वेब तत्वों के गुणों को देखने के लिए HTML टैब का विस्तार करें।
चरण 2: अगला कदम वेब पेज के भीतर वांछित वस्तु का पता लगाना है। इसका एक तरीका यह है कि HTML तत्व का चयन किया जाए और मेल खाते वेब तत्व को हाइलाइट किया जाएगा। इस प्रकार, उपयोगकर्ता आईडी, वर्ग, लिंक आदि का पता लगा सकते हैं। नीचे दिए गए स्क्रीनशॉट में चेक करें कि जैसे ही हम संबंधित HTML संपत्ति का चयन करते हैं, ईमेल टेक्स्टबॉक्स पर प्रकाश डाला जाएगा।
वेब तत्व का पता लगाने का एक अन्य तरीका शीर्ष मेनू में मौजूद 'खोज' बटन पर क्लिक करना है और वेब पेज के भीतर वांछित वेब तत्व पर क्लिक करना है। परिणामस्वरूप, संबंधित HTML गुणों को हाइलाइट किया जाएगा।
इस प्रकार, डेवलपर टूल का उपयोग करके, उपयोगकर्ता आईडी, कक्षाएं, टैग नाम पा सकता है और वेब तत्वों का पता लगाने के लिए Xpaths बना सकता है।
क्रोम के डेवलपर टूल की तरह, IE डेवलपर टूल में एक अलग सेक्शन है जो CSS संबंधित जानकारी प्रदर्शित करता है। नीचे स्क्रीनशॉट देखें।
निष्कर्ष
इस ट्यूटोरियल में, हमने Google Chrome और Internet Explorer के लिए डेवलपर के टूल का उपयोग करके मूल तत्व पता लगाने की रणनीतियों पर प्रकाश डाला।
अगला ट्यूटोरियल # 8 : अपने अगले ट्यूटोरियल के साथ आगे बढ़ते हुए, हम आपको WebDriver नाम के एक अधिक उन्नत टूल से परिचित कराने का आनंद लेंगे। WebDriver सबसे सम्मोहक स्वचालन परीक्षण उपकरणों में से एक है। इसलिए हमारा अगला ट्यूटोरियल बाद में, हम वेबड्राइवर और उसके सभी नॉटी-ग्रिट्टी के चारों ओर हमारी चर्चाओं को रूट और बेस करेंगे।
अनुशंसित पाठ
- विभिन्न प्रकार के वेबड्राइवर कमांड्स - सेलेनियम ट्यूटोरियल # 14 का उपयोग करके वेब तत्वों की दृश्यता की जांच करें
- सेलेनियम वेबड्राइवर का परिचय - सेलेनियम ट्यूटोरियल # 8
- सेलेनियम लिपियों के लिए वेब तत्वों की पहचान के लिए सीएसएस चयनकर्ता का उपयोग कैसे करें - सेलेनियम ट्यूटोरियल # 6
- कुशल सेलेनियम स्क्रिप्टिंग और समस्या निवारण परिदृश्य - सेलेनियम ट्यूटोरियल # 27
- लॉग (लॉग 4 जे ट्यूटोरियल) के साथ सेलेनियम लिपियों को डीबग करना - सेलेनियम ट्यूटोरियल # 26
- 30+ सर्वश्रेष्ठ सेलेनियम ट्यूटोरियल: वास्तविक उदाहरणों के साथ सेलेनियम जानें
- ककड़ी सेलेनियम ट्यूटोरियल: ककड़ी जावा सेलेनियम वेबड्राइवर एकीकरण
- वेब पेज पर ड्रॉपडाउन तत्वों को संभालने के लिए सेलेनियम सिलेक्ट क्लास का उपयोग - सेलेनियम ट्यूटोरियल # 13