gui testing tutorial
GUI परीक्षण के लिए एक पूर्ण गाइड: उपयोगकर्ता इंटरफ़ेस परीक्षण ट्यूटोरियल
GUI परीक्षण क्या है?
GUI परीक्षण विशिष्टताओं के अनुसार उचित कार्यक्षमता सुनिश्चित करने के लिए एप्लिकेशन के ग्राफिकल यूजर इंटरफेस के परीक्षण की एक प्रक्रिया है। इसमें एप्लिकेशन घटकों जैसे बटन, आइकन, चेकबॉक्स, रंग, मेनू, खिड़कियां आदि की जांच करना शामिल है।
यूट्यूब मुफ्त कन्वर्टर wav करने के लिए ऑनलाइन
वेब एप्लिकेशन के विज़ुअल डायनामिक्स उपयोगकर्ता के साथ एप्लिकेशन की स्वीकृति में महत्वपूर्ण भूमिका निभाते हैं।
नतीजतन, इस स्वीकृति से ग्राहक के आवेदन के साथ ग्राहकों के लंबे समय के बंधन को लाने में मदद मिलती है। डिजिटलीकरण के इस युग में, उपयोगकर्ता इंटरफ़ेस तेजी से बदल रहा है और संभावित ग्राहकों की नई भीड़ को आकर्षित करने में एक महत्वपूर्ण किले को धारण करता है।
आप क्या सीखेंगे:
- उपयोगकर्ता इंटरफ़ेस परीक्षण
- UI परीक्षण के लिए दृष्टिकोण
- आमतौर पर यूआई दोषों का सामना करना पड़ रहा है
- मुख्य UI और प्रयोज्य परीक्षण आवश्यकताएँ
- कुछ बुनियादी घटक
- कुछ उन्नत घटक
- यूआई घटकों के राज्य
- जीयूआई परीक्षण उपकरण
- नमूना जीयूआई परीक्षण मामले
- निष्कर्ष
- अनुशंसित पाठ
उपयोगकर्ता इंटरफ़ेस परीक्षण
वेब एप्लिकेशन के दृश्य सौंदर्य को अच्छी तरह से स्वीकार करने के लिए, यूआई और प्रयोज्य परीक्षण समग्र क्यूए अभ्यास का एक प्रमुख पहलू बन जाते हैं। कोई भी एप्लिकेशन जिसे URL के माध्यम से एक्सेस किया जा सकता है, वह वेब-आधारित एप्लिकेशन है। ऐसे अनुप्रयोगों में, हम मुख्य रूप से उस एप्लिकेशन के सामने के अंत का परीक्षण करते हैं जिसका उपयोग अंतिम उपयोगकर्ता द्वारा किया जाना है।
प्रत्येक ब्राउज़र वेब पेजों को अलग तरह से प्रदर्शित करता है, इसलिए यह महत्वपूर्ण है कि पेज विभिन्न ब्राउज़रों पर समान दिखें। यदि किसी वेबपेज को विकृत और अप्रबंधित प्रदर्शित किया जाता है तो यह दर्शकों को वेबपेज से बाहर निकलने का नेतृत्व करेगा। इसलिए बेहतर परिणाम के लिए एक वेबसाइट को यूआई परीक्षण से गुजरना चाहिए।
ब्राउज़र परीक्षण में दो प्रकार के होते हैं:
कार्यात्मकता परीक्षण
पूरे आवेदन में विभिन्न कार्यों का परीक्षण। इसमें सभी नेवीगेशन के साथ-साथ सभी फील्ड वैल्यूज को भी शामिल किया गया है जो सभी पॉजिटिव के साथ-साथ नेगेटिव परिदृश्य का उपयोग करते हुए फ्रंट एंड पेज में मौजूद हैं।
यूआई परीक्षण
वेब पेज के लुक और फील को परखना। लुक और फील फैक्टर में डिस्प्ले टाइप, फॉन्ट, अलाइनमेंट, रेडियो बटन, चेकबॉक्स आदि शामिल हैं।
- UI परीक्षण में शामिल क्षेत्र प्रयोज्य, लुक एंड फील, नेविगेशन नियंत्रण / नेविगेशन बार, निर्देश, और तकनीकी जानकारी शैली, चित्र, टेबल, एक्सेसरीज़ आदि हैं।
- एक्सेसिबिलिटी के लिए परीक्षण के लिए, हमें W3C- वेब कंटेंट एक्सेसिबिलिटी दिशा-निर्देशों के साथ जांच करनी होगी।
क्लिक यहां W3C दिशानिर्देश प्राप्त करने के लिए।
UI परीक्षण के लिए दृष्टिकोण
हम कार्यात्मक परीक्षण मामलों से परीक्षण मामलों के सबसेट का चयन करते हैं जो आवेदन के सभी प्रकार्य को कवर करता है।
दूसरा चरण यूआई परीक्षण आवश्यकताओं के अनुसार उन परीक्षण मामलों को संशोधित करना है।
अगला चरण उन परीक्षण मामलों को निष्पादित करेगा; परिणाम की अपेक्षा परिणामों के साथ, और अगर कोई अंतर है तो उसी के लिए मुद्दा उठाएं। सभी ब्राउज़रों में परीक्षण करना संभव नहीं है। आम तौर पर क्लाइंट तय करता है कि किस ब्राउज़र में परीक्षण करना है।
जैसा कि हम जानते हैं कि प्रत्येक ब्राउज़र वेब पेज को अलग तरह से प्रदर्शित करता है, इसलिए हम सभी ब्राउज़र को वेब पेज के समान प्रदर्शित करने की उम्मीद नहीं कर सकते।
उदाहरण के लिए, विंडोज़-फ़ायरफ़ॉक्स में ड्रॉप-डाउन यह अलग होगा कि मैक-फ़ायरफ़ॉक्स। इस तरह के मुद्दे स्वीकार्य हैं, क्योंकि ये ऑपरेटिंग सिस्टम उपयोगिताओं हैं और हमें उन्हें इस तरह से स्वीकार करने की आवश्यकता है।
आधार ब्राउज़र: आम तौर पर एप्लिकेशन को एक ब्राउज़र को लक्षित करके विकसित किया जाता है, जिसका उपयोग ज्यादातर अंतिम उपयोगकर्ताओं द्वारा किया जाता है, इसे आधार ब्राउज़र कहा जाता है।
आमतौर पर यूआई दोषों का सामना करना पड़ रहा है
- बटन संरेखण मुद्दों
- लेबल या टेक्स्ट बॉक्स के बीच असंगत स्थान
- टूटे हुए लेबल यानी सिंगल लाइन लेबल दो लाइनों में प्रदर्शित हो रहे हैं
- टेक्स्ट बॉक्स, सूचना आइकन, लेबल या ड्रॉपडाउन के बीच गलत प्रयोग
- खेतों की ओवरलैपिंग
- अधूरे खेत
- पृष्ठ का डेटा गलत है; कुछ समय के लिए ऊपर या नीचे की ओर स्थानांतरित कर दिया
- किसी भी ब्राउज़र में, कुछ क्रिया का चयन करते समय, संबंधित क्रिया नहीं हो रही है
- आशा के अनुरूप काम नहीं करना
- कुछ ब्राउज़रों के लिए सत्र का समय या तो बहुत कम या बहुत लंबा है
- ब्राउज़र विशिष्ट समस्याएं - एक ब्राउज़र में डेटा दर्ज करने के बाद कुछ फ़ील्ड संपादन योग्य नहीं हैं लेकिन किसी अन्य ब्राउज़र में संपादन योग्य हैं
मुख्य UI और प्रयोज्य परीक्षण आवश्यकताएँ
वेब अनुप्रयोग की मुख्य UI परीक्षण आवश्यकताएँ हैं:
- एक यूआई में विभिन्न घटकों की उपलब्धता
- यूआई घटक के विभिन्न राज्य
घटक:
एक घटक एक बिल्डिंग ब्लॉक है, जिसका उपयोग कई अन्य घटकों के संयोजन के साथ किया जा सकता है। घटकों को आवेदन में पुन: उपयोग किया जा सकता है।
एक घटक के उदाहरणों में बटन, पाठ क्षेत्र, स्वतः पूर्ण, चेकबॉक्स, ड्रॉपडाउन आदि शामिल हैं।
कुछ बुनियादी घटक
चेकबॉक्स: एक या अधिक विकल्पों को चेकबॉक्स घटक से चुना जा सकता है
रेडियो के बटन: जब केवल एक विकल्प का चयन करने की आवश्यकता होती है तो रेडियो बटन उपयोगी होते हैं
कुछ उन्नत घटक
1. समझौता: इस घटक का उपयोग करके कई वस्तुओं को खड़ी खड़ी किया जा सकता है। इसमें सामग्री को देखने के लिए प्रत्येक आइटम का विस्तार किया जा सकता है। एक से अधिक वस्तुओं का विस्तार भी किया जा सकता है।
2. ब्रेडक्रंब: यह एक बहुत ही उपयोगी घटक है जो वेबसाइट नेविगेशन में सहायता करता है। उपयोगकर्ता इस घटक से वेबसाइट के भीतर अपने वर्तमान स्थान की पहचान कर सकता है।
3. हिंडोला: एक हिंडोला घटक में सूचना आइटम के कई सेट शामिल किए जा सकते हैं। नीचे की ओर खोजकर्ता इंगित करते हैं कि अधिक आइटम मौजूद हैं। तीर हिंडोला के भीतर नेविगेशन में मदद करते हैं। आमतौर पर, हिंडोला नेविगेशन एक निरंतर लूप के रूप में कॉन्फ़िगर किया गया है।
क्लिक यहां UI घटकों पर अधिक उपयोगी जानकारी प्राप्त करने के लिए
यूआई घटकों के राज्य
घटकों की उपलब्धता विशुद्ध रूप से परियोजना की आवश्यकता के दिशानिर्देशों पर आधारित है। यह एक परियोजना से दूसरी परियोजना में भिन्न होगा।
एक बुनियादी घटक के लिए विभिन्न UI स्थितियां हैं:
- अधूरा राज्य
- भरा हुआ राज्य और फोकस पर
- सामान्य स्थिति और डिफ़ॉल्ट स्थिति
- होवर स्टेट
- विकलांग राज्य
- नकाबपोश राज्य
अधूरा राज्य:
किसी घटक में किसी भी मूल्य की कुंजी लगाने से पहले, इसे एक अपूर्ण स्थिति कहा जाता है। अनफिल्ड स्थिति यदि कोई हो, तो प्लेसहोल्डर टेक्स्ट प्रदर्शित करता है। नीचे एक पाठ फ़ील्ड घटक है।
भरा हुआ राज्य:
उपयोगकर्ता द्वारा बंद मूल्य के साथ एक घटक राज्य भर है।
फोकस राज्य पर:
उपयोगकर्ता एक घटक को फिर से भरता है जो पहले से ही भरा हुआ है। घटक को कर्सर प्रदर्शित करना चाहिए, यह दर्शाता है कि विशिष्ट घटक ध्यान केंद्रित किया जा रहा है
सामान्य अवस्था:
स्क्रीन में उपयोगकर्ता द्वारा पहले से दर्ज मूल्य के साथ एक घटक का प्रदर्शन सामान्य स्थिति का वर्णन किया गया है।
डिफ़ॉल्ट स्थिति:
एक घटक जो सर्वर / बैकएंड से ऑटो-पॉप्युलेटेड वैल्यू प्रदर्शित करता है। यह मान उपयोगकर्ता द्वारा कुछ परिदृश्यों में भी संपादित किया जा सकता है।
होवर स्टेट:
घटक पर माउस हॉवर, घटक को उजागर करता है जो हॉवर कार्रवाई को दर्शाता है।
हॉवर से पहले:
हॉवर पर:
iPhone के लिए सबसे अच्छा मोबाइल जासूस अनुप्रयोग
विकलांग राज्य:
घटक अक्षम है और उपयोगकर्ता फ़ील्ड को संपादित नहीं कर सकता है।
सक्षम राज्य
विकलांग राज्य
नकाबपोश राज्य:
इस घटक का उपयोग करके पासवर्ड जैसे संवेदनशील डेटा को छिपाया जा सकता है।
वेब अनुप्रयोग की प्रमुख उपयोगिता परीक्षण आवश्यकताएँ हैं:
- फ़ॉन्ट परिवार
- फ़ॉन्ट आकार
- रंग
- पत्र अंतराल
- ऊंची लाईन
- पृष्ठभूमि सत्यापन
- भराव / अपारदर्शिता
- लंबाई, चौड़ाई और चौड़ाई जैसे घटकों की माप
- एक स्क्रीन में घटकों के बीच का स्थान / रिक्ति
उपरोक्त प्रयोज्य सुविधाओं को कोड में या एप्लिकेशन में निरीक्षण तत्व का उपयोग करके परीक्षण किया जा सकता है। एक और आसान तरीका ऐड-ऑन का उपयोग करना है। ऐड-ऑन उस ब्राउज़र के आधार पर भिन्न हो सकते हैं जिसमें एप्लिकेशन का परीक्षण किया जाना चाहिए।
विभिन्न ब्राउज़र ऐड-ऑन का विवरण
नाम | उपयोग विवरण | अनुकूलता |
---|---|---|
पेज शासक | यह ऐड-ऑन परीक्षण चौड़ाई और घटकों की ऊंचाई में सहायता करता है। घटकों के शीर्ष, बाएँ, दाएँ और नीचे के पदों का भी पता लगाया जा सकता है | क्रोम और फ़ायरफ़ॉक्स |
वेब इंस्पेक्टर | वेब इंस्पेक्टर वेब इंस्पेक्टर आइकन पर क्लिक करके और इसे उस सेक्शन पर मँडराता है, जिसे परीक्षण किया जाना है | क्रोम और सफारी |
फायर बग | फायरबग वेब पेज के सीएसएस, एचटीएमएल, डोम, एक्सएचआर और जावास्क्रिप्ट की निगरानी के लिए एक खुला स्रोत है। यह फ़ायरफ़ॉक्स के अनुकूल निरीक्षण तत्व का एक विकल्प है। | फ़ायर्फ़ॉक्स |
रंगजिला | यह वेब पेज के रंग का विश्लेषण करने के लिए एक रंग बीनने वाला ऐड है | क्रोम और फ़ायरफ़ॉक्स |
इसे मापो | इसका उपयोग पिक्सल में तत्वों की चौड़ाई, ऊंचाई और संरेखण का परीक्षण करने के लिए किया जाता है। | क्रोम, सफारी और फ़ायरफ़ॉक्स |
ऐड-ऑन के लाभ:
- समय बचाना
- प्रयोग करने में आसान
- यह लागत प्रभावी है
ऐड-ऑन की सीमा:
- माप का उपयोग करते समय लंबन त्रुटि
- अनुप्रयोगों के पार संगत
- कई ब्राउज़रों के साथ संगत
ऐड-ऑन के लिए संदर्भ:
- वेब इंस्पेक्टर: Apple देव उपकरण
- फायरबग: फायरबग विकी
- इसे मापो
- Colorzilla
जीयूआई परीक्षण उपकरण
प्रौद्योगिकी की दुनिया में कई उपकरण उपलब्ध हैं जो यूआई परीक्षण में परीक्षकों की मदद करेंगे।
- सेलेनियम
- एचपी एकीकृत कार्यात्मक परीक्षण
- खीरा
- यूआई कोडित
- वास्तव में
GUI टूल्स की एक विस्तृत सूची, softwaretestinghelp.com में ही उपलब्ध है! फिर से लॉगिन करने के लिए यहां ।
नमूना जीयूआई परीक्षण मामले
1) हिंडोला तीर और रास्ता खोजक के काम को सत्यापित करें
दो) सत्यापित करें कि पासवर्ड फ़ील्ड केवल एक नकाबपोश राज्य में मूल्यों को स्वीकार कर रहा है
3) सत्यापित करें कि सभी आवश्यक फ़ील्ड दर्ज किए जाने तक 'सहेजें' बटन निष्क्रिय रहता है
4) सत्यापित करें कि उपयोगकर्ता को 'टॉप' बार का उपयोग करके पृष्ठ के शीर्ष पर नेविगेट करने की अनुमति है
5) सत्यापित करें कि जब लागू फ़िल्टर किसी भी परिणाम को प्राप्त नहीं करते हैं तो उचित संदेश प्रदर्शित होता है
6) हेडर और फुटर में उपलब्ध लिंक से नेविगेशन को सत्यापित करें
7) सत्यापित करें कि रेडियो बटन का अलाइनमेंट सटीक है
8) जाँचें कि एक बार में चेकबॉक्स में कई विकल्प चुने जा सकते हैं
9) सत्यापित करें कि प्रत्येक अनुभाग का शीर्षक मोटे अक्षरों में है
10) क्लिक करने पर हाइपरलिंक के रंग परिवर्तन को सत्यापित करें
निष्कर्ष
एक वेबसाइट कई व्यवसायों की आत्मा है। यह सुनिश्चित करना बहुत आवश्यक है कि यह ठीक लगे और विभिन्न ब्राउज़रों और प्लेटफार्मों पर समान रूप से कार्य करें। इस प्रकार यूआई परीक्षण बहुत महत्वपूर्ण है और यह एक बड़े ग्राहक आधार और व्यापार मूल्य में वृद्धि सुनिश्चित करेगा।
अनुशंसित पाठ
- सर्वश्रेष्ठ सॉफ्टवेयर परीक्षण उपकरण 2021 (क्यूए टेस्ट स्वचालन उपकरण)
- अल्फा परीक्षण और बीटा परीक्षण (एक पूर्ण गाइड)
- परीक्षण प्राइमर eBook डाउनलोड
- कार्यात्मक परीक्षण बनाम गैर-कार्यात्मक परीक्षण
- वेरिफिकेशन टेस्टिंग (BVT टेस्टिंग) कम्प्लीट गाइड का निर्माण करें
- इंटरफ़ेस परीक्षण क्या है? इसके प्रकार, रणनीति और उपकरण को जानें
- क्यूए आउटसोर्सिंग गाइड: सॉफ्टवेयर परीक्षण आउटसोर्सिंग कंपनियां
- सॉफ्टवेयर परीक्षण के प्रकार: विभिन्न परीक्षण प्रकार विवरण के साथ