guide visual regression testing with visual testing tools
यह व्यापक गाइड सभी दृश्य प्रतिगमन परीक्षण के बारे में बताता है। इसके अलावा फ्री एंड कमर्शियल विज़ुअल टेस्टिंग टूल जैसे रिविलिटूल, पर्सी, स्क्रिनर, आदि की समीक्षा शामिल है:
सॉफ्टवेयर में विज़ुअल रिग्रेशन टेस्टिंग या विज़ुअल टेस्टिंग, सत्यापन की एक गुणवत्ता आश्वासन गतिविधि है, यदि एप्लिकेशन के उपयोगकर्ता इंटरफ़ेस के दृश्य पहलू उपयोगकर्ता के लिए उपयुक्त लगते हैं। इसे विज़ुअल वैलिडेशन टेस्टिंग के रूप में भी जाना जाता है।
यह सत्यापित करने का लक्ष्य है कि अनुप्रयोग के सामने के छोर पर सही डेटा और सामग्री प्रदर्शित हो रही है या नहीं। इसके अतिरिक्त, यह उपयोगकर्ता इंटरफ़ेस और पूरे यूआई में मौजूद प्रत्येक दृश्य तत्व के लेआउट और उपस्थिति को भी मान्य करता है।
आप क्या सीखेंगे:
दृश्य प्रतिगमन परीक्षण
जब हम लेआउट की शुद्धता के बारे में बात करते हैं, तो इसका मतलब है कि स्क्रीन पर प्रत्येक तत्व की स्थिति, आकार और आकार सही है। तत्वों को एक दूसरे के साथ ओवरलैप नहीं करना चाहिए, उन्हें दिखाई देना चाहिए और छिपाना नहीं चाहिए।
यहां विज़ुअल एलिमेंट किसी इमेज, पेज, पेज का हिस्सा या किसी इमेज का हिस्सा हो सकता है।
स्पष्ट रूप दिखाने का अर्थ है कि दृश्य तत्वों का फ़ॉन्ट, रंग, चमक, कंट्रास्ट, घनत्व, बनावट, दृश्य भार, ग्राफिक्स इत्यादि उचित दिखना चाहिए।
दृश्य प्रतिगमन परीक्षण क्या है?
प्रतिगमन परीक्षण यह सुनिश्चित करता है कि सॉफ़्टवेयर में पेश किया गया कोई भी परिवर्तन उस चीज़ को नहीं तोड़ता है जो पहले ठीक कर रहा था।
जब यह दृश्य परीक्षण की बात आती है, तो दृश्य प्रतिगमन परीक्षण यह सुनिश्चित करता है कि कोई भी शैली जारी न हो, जब सॉफ़्टवेयर में कोई परिवर्तन किया जाए। एप्लिकेशन को उतना ही अच्छा दिखना जारी रखना चाहिए जितना वह था।
एक दृश्य प्रतिगमन परीक्षण उपकरण वर्तमान UI के स्क्रीनशॉट को कैप्चर करता है और मूल स्क्रीनशॉट के साथ उनकी तुलना करता है। इसलिए, दृश्य प्रतिगमन परीक्षण ऐतिहासिक अंतरों को देखता है। यह पुष्टि करता है कि वेब पेज अभी भी कोड में संशोधन के बाद भी विभिन्न ब्राउज़रों के अनुसार अपेक्षित है।
नीचे एक स्वचालित उपकरण के माध्यम से लिए गए विज़ुअल रिग्रेशन टेस्ट रन का स्क्रीन-प्रिंट दिया गया है:
(छवि स्रोत )
निरंतर एकीकरण की आज की प्रथाओं में, दृश्य प्रतिगमन परीक्षण यह सुनिश्चित करने के लिए बहुत महत्वपूर्ण हो जाता है कि नए परिवर्तनों से लेआउट में कोई गड़बड़ न हो क्योंकि अनुप्रयोग संस्करण से संस्करण तक विकसित होता है और ब्राउज़र में प्रगति करता है।
कई संगठन यह सुनिश्चित करने के लिए कि यह एक पुनरावृत्ति से दूसरे में कैसे परिवर्तित होता है, कुछ वेब पृष्ठों के संस्करणों को रिकॉर्ड करने के लिए दृश्य प्रतिगमन परीक्षण को नियोजित करता है।
दृश्य सत्यापन परीक्षण का महत्व
कोई फर्क नहीं पड़ता कि आपके एप्लिकेशन की कार्यक्षमता कितनी सही तरीके से काम कर रही है, यह तब तक ग्राहक के लिए उपयोग में नहीं आएगा जब तक कि यह एक अच्छा उपयोगकर्ता इंटरफ़ेस और उपयोगकर्ता अनुभव प्रदान नहीं कर सकता।
इन दिनों, हम न केवल यूआई (उपयोगकर्ता इंटरफ़ेस) के बारे में बात करते हैं, बल्कि हम यूएक्स (उपयोगकर्ता अनुभव) पर भी ध्यान केंद्रित करते हैं। जब हम बेहतर उपयोगकर्ता अनुभव देने के लिए लक्ष्य कर रहे हैं, तो दृश्य परीक्षण बहुत महत्वपूर्ण हो जाता है क्योंकि अधिक आकर्षक दृश्य डिजाइन को उपयोगकर्ता के लिए अधिक उपयोगी माना जा सकता है।
आइए अमेज़न वेबसाइट से नीचे का उदाहरण देखें:
(छवि स्रोत )
उपरोक्त छवि में, आप देख सकते हैं कि पाठ और चित्र अतिव्यापी हैं, और वे ठीक से संरेखित नहीं हैं। यह एक दृश्य बग का एक उदाहरण है जो एक बुरा उपयोगकर्ता अनुभव बना सकता है क्योंकि ग्राहक वेबसाइट पर इच्छित कार्रवाई को पूरा करने में सक्षम नहीं होगा।
दृश्य डिजाइन उपयोगकर्ता अनुभव को कई तरीकों से आकार देता है।
उदाहरण के लिए,
- महान दृश्य डिजाइन विश्वास और विश्वसनीयता बनाने में मदद करते हैं।
- ब्रांड छवि को पुन: लागू करता है।
- विरासत को प्रभावित करता है।
- स्क्रीन पर एक दृश्य संतुलन बनाता है।
- उपयोगकर्ताओं को क्रियाओं की ओर ले जाता है।
- कुछ पृष्ठ तत्वों की ओर अपना ध्यान स्थानांतरित करने के लिए आंख को राजी करता है।
इसके अलावा, आजकल हमारे पास ऑपरेटिंग सिस्टम, वेब ब्राउज़र, स्क्रीन रिज़ॉल्यूशन और डिवाइस की एक विशाल विविधता है, इस प्रकार यह सुनिश्चित करना महत्वपूर्ण हो जाता है कि इनमें से प्रत्येक संभावित संयोजन पर UI सही दिखाई दे रहा है।
यहां तक कि यूआई में एक छोटे से विरूपण से व्यवसाय का नुकसान हो सकता है। दृश्य बग उपयोगकर्ताओं के लिए कष्टप्रद और अप्रिय हो सकते हैं और उनके लिए असुविधा पैदा कर सकते हैं।
मान लीजिए कि आप बैंकिंग व्यवसाय में हैं और आप अपने ग्राहकों को ऑनलाइन मोबाइल बैंकिंग एप्लिकेशन देते हैं।
आपको अपने कुछ ग्राहकों से शिकायतें मिलती हैं कि जब वे किसी के खाते में पैसा ट्रांसफर करना चाहते हैं और सभी आवश्यक जानकारी भरने के बाद, वे खोज नहीं पा रहे हैं 'प्रस्तुत' स्क्रीन पर बटन और यह उनके लिए एक परेशान करने वाला अनुभव है।
जब आप समस्या की जांच करते हैं, तो आप पाते हैं कि सबमिट बटन एंड्रॉइड मोबाइल के लिए एक विशेष स्क्रीन रिज़ॉल्यूशन पर छिपा हुआ है और यही कारण है कि उस विशेष स्क्रीन आकार के एंड्रॉइड फोन वाले सभी ग्राहक सबमिट बटन को देखने में सक्षम नहीं थे।
तो, इस मामले में एप्लिकेशन की कार्यक्षमता ठीक काम कर रही थी, लेकिन दृश्य बग के कारण, उपयोगकर्ता ऐप पर अपने इच्छित कार्यों को पूरा करने में सक्षम नहीं थे। यह उदाहरण दिखाता है कि ग्राहकों को आवेदन देने से पहले हर संभव कॉन्फ़िगरेशन पर एप्लिकेशन के दृश्य पहलुओं का परीक्षण करना कितना महत्वपूर्ण है।
कुछ क्षेत्र जहां दृश्य सत्यापन परीक्षण अत्यधिक अनुशंसित हैं (क्योंकि यह सीधे आपके ब्रांड को प्रभावित करेगा):
- मोबाईल ऐप्स
- मोबाइल वेब / उत्तरदायी वेब
- विपणन वेबसाइटों
- सामग्री प्रबंधन प्रणाली
- एयरलाइन, यात्रा, बैंकिंग इत्यादि जैसी उपभोक्ता प्रणालियाँ
इसके महत्व को देखते हुए, कंपनियों को विज़ुअल परीक्षण पर कुछ महत्वपूर्ण प्रयास और धन खर्च करना चाहिए। यदि मौजूदा डेवलपर परीक्षणों के साथ संयोजन में उपयोग किया जाता है, तो यह आपको विकास जीवनचक्र के शुरुआती चरणों में दृश्य मुद्दों का पता लगाने में मदद करेगा।
दृश्य परीक्षण के तरीके और प्रक्रियाएं
डेवलपर्स या परीक्षक के रूप में, हम अक्सर अनुप्रयोगों की कार्यक्षमता का परीक्षण करने पर काम करते हैं। या तो मैनुअल या कुछ स्वचालित उपकरण के माध्यम से, हम जाँचते हैं कि क्या एप्लिकेशन अपेक्षित रूप से काम कर रहा है। एप्लिकेशन की सुचारू कार्यप्रणाली सुनिश्चित करने के लिए ऐसी कार्यक्षमता परीक्षण बहुत महत्वपूर्ण है।
हालाँकि, यदि हम इसमें दृश्य परीक्षण जोड़ते हैं, तो यह समग्र परीक्षण में महत्वपूर्ण सुधार करेगा। इस प्रकार, यह परीक्षण अक्सर कार्यात्मक परीक्षण के संयोजन में किया जाता है।
व्यापक विन्यास पर अनुप्रयोगों के दृश्य परीक्षण की चुनौतियों का सामना करने के लिए कई परीक्षण विधियां और प्रक्रियाएं हैं। दृश्य सत्यापन परीक्षण का समर्थन करने के लिए बहुत सारे उपकरण उपलब्ध हैं।
आम तौर पर, दृश्य सत्यापन परीक्षण यानी कोड-आधारित और कॉन्फ़िगरेशन आधारित के लिए दो मुख्य दृष्टिकोण हैं। इन दोनों दृष्टिकोणों के आधार पर दृश्य परीक्षण उपकरण भी वर्गीकृत किए गए हैं।
यह मैन्युअल या स्वचालित तरीके से किया जा सकता है। इसमें शामिल कुछ चुनौतियों के कारण, यह न तो पूरी तरह से मैन्युअल हो सकता है और न ही पूरी तरह से स्वचालित हो सकता है। आम तौर पर, मैनुअल और स्वचालित दृष्टिकोण का एक संयोजन पसंद किया जाता है।
नीचे दिए गए 3 अलग-अलग विज़ुअल टेस्टिंग मेथड हैं जिनका आमतौर पर पालन किया जाता है।
टीमें अपनी जरूरतों के आधार पर इनमें से किसी भी विकल्प को चुन सकती हैं:
# 1) समर्पित विज़ुअल टेस्ट बनाएं : यह सबसे अनुशंसित विधि है क्योंकि यह आपको दृश्य सत्यापन पर पूर्ण नियंत्रण प्रदान करता है। इसके अलावा, इस दृष्टिकोण का उपयोग करके, आप मध्यम प्रयासों के साथ परीक्षण लिख सकते हैं। लेकिन हां, आपको खरोंच से परीक्षण लिखना होगा और इसके लिए कुछ महत्वपूर्ण समय की आवश्यकता होगी।
# 2) मौजूदा कार्यात्मक टेस्ट में विजुअल चेकपॉइंट डालें: इस पद्धति में, आपके पास पहले से ही एप्लिकेशन की कार्यक्षमता को मान्य करने के लिए परीक्षण हैं और आप पृष्ठों को मान्य करने के लिए इन परीक्षणों के बीच कुछ दृश्य जांच जोड़ते हैं।
बेशक, यह विधि आपके परीक्षण कवरेज को सीमित करती है, लेकिन यह दृश्य परीक्षण सम्मिलित करने का एक त्वरित तरीका है और मौजूदा कार्यात्मक परीक्षण कोड से लाभ उठाता है।
# 3) मौजूदा परीक्षण ढांचे में निहित दृश्य सत्यापन डालें: इस विधि को लागू करना बहुत आसान है क्योंकि इसके लिए कोड की केवल कुछ पंक्तियों की आवश्यकता होती है। हालांकि, यह सीमा से ग्रस्त है कि आप इस मामले में सामान्य सत्यापन भी कर सकते हैं। आप ढांचे में विशिष्ट घटकों को मान्य नहीं कर सकते।
विंडोज़ के लिए सबसे अच्छा डेटा रिकवरी सॉफ़्टवेयर
जैसा कि हम आगे बढ़ते हैं, हम मैनुअल और स्वचालित दृश्य परीक्षण पर चर्चा करेंगे। हम दृश्य परीक्षण उपकरण और रूपरेखा की भी विस्तार से जाँच करेंगे।
मैनुअल दृश्य परीक्षण
सॉफ्टवेयर कंपनियों को दृश्य परीक्षण यानी मैनुअल परीक्षण या स्वचालित परीक्षण करने के लिए दो विकल्पों का सामना करना पड़ता है। आइए विस्तार से मैन्युअल दृश्य परीक्षण देखें।
यद्यपि इंटरफ़ेस परीक्षण धीमी, महंगी और त्रुटि-प्रवण हो सकता है, इंटरफ़ेस डिज़ाइन की व्यक्तिपरक प्रकृति के कारण, प्रत्येक परिदृश्य की शुद्धता को पकड़ने के लिए स्वचालित परीक्षण करना अक्सर संभव नहीं होता है। इसलिए, कई बार हमें मैनुअल और ऑटोमेशन परीक्षण के बीच संतुलन चुनने की जरूरत होती है।
इसके अलावा, मानव द्वारा मैन्युअल परीक्षण के प्रमुख लाभों में से एक परीक्षण के दायरे से बाहर देखा जा सकता है। एक स्वचालन परीक्षण केवल उस समस्या को पकड़ सकता है जो इसके दायरे में है, लेकिन एक मैनुअल परीक्षण में, एक मानव परीक्षक अन्य कॉस्मेटिक बग और अन्य चीजों को भी स्पॉट कर सकता है जो UI पर गलत दिखते हैं।
चूंकि मैन्युअल परीक्षण वास्तविक जीवन के उपयोगकर्ता कार्यों के करीब हैं, इसलिए वे लेआउट बग और डिजाइन के मुद्दों को पकड़ सकते हैं जो आम तौर पर तब उजागर होते हैं जब कोई वास्तविक उपयोगकर्ता एप्लिकेशन के साथ इंटरैक्ट करता है।
जब आपका UI अस्थिर हो तो आप एप्लिकेशन विकास के शुरुआती चरणों में मैन्युअल परीक्षण के लिए जा सकते हैं। जब आप स्पॉट चेकअप पर जल्दी करना चाहते हैं तो यह तदर्थ परीक्षण के लिए भी सहायक है।
मैन्युअल दृश्य सत्यापन परीक्षण में, परीक्षक को दृश्य तत्वों की उपस्थिति और लेआउट को मैन्युअल रूप से जांचना पड़ता है। इसमें वर्तमान स्क्रीनशॉट लेने और फिर मैन्युअल रूप से किसी भी अंतराल की पहचान करने के लिए आधारभूत स्क्रीनशॉट के खिलाफ तुलना करना शामिल हो सकता है।
मैन्युअल परीक्षण करने का एक और प्रभावी तरीका एक घटक एक्सप्लोरर का उपयोग करना है। इसमें, आप परीक्षण राज्यों को परिभाषित करते हैं, राज्य और घटक का चयन करने के लिए एक्सप्लोरर का उपयोग करते हैं और इसे स्क्रीन पर जांचते हैं। ऐसा ही एक उपकरण रिएक्ट स्टोरीबुक है जहां आप अलगाव में यूआई घटकों को विकसित कर सकते हैं।
इस पद्धति के माध्यम से, एक परीक्षक एक घटक का मैन्युअल परीक्षण चला सकता है, यह देख सकता है कि यह कैसे प्रतिपादन करता है और देखें कि यह ठीक काम कर रहा है या नहीं।
मैनुअल परीक्षण कदम:
- एप्लिकेशन के माध्यम से ब्राउज़ करें और ज्ञात अच्छे आधारभूत स्क्रीनशॉट को कैप्चर करें।
- बाद के बिंदु पर, एप्लिकेशन के नवीनतम संस्करण से स्क्रीनशॉट का एक और सेट लें।
- अब, विजुअल बग्स का पता लगाने के लिए इन स्क्रीनशॉट्स (बेसलाइन बनाम करंट) की मैन्युअल रूप से तुलना करें।
स्वचालित दृश्य परीक्षण
स्वचालित विज़ुअल परीक्षण स्वचालित रूप से सत्यापित करने का एक तरीका है कि उपयोगकर्ता इंटरफ़ेस नेत्रहीन रूप से प्रकट होता है या नहीं।
दृश्य परीक्षणों को स्वचालित करने के लाभ यह है कि वे दीर्घकालिक लागत दक्षता प्रदान करते हैं, मैन्युअल परीक्षणों की तुलना में तेज़ होते हैं, और अधिक सटीक होते हैं क्योंकि वे मानवीय त्रुटियों को दूर कर सकते हैं और पिक्सेल-परिपूर्ण दृश्य परीक्षण वितरित कर सकते हैं, वे पुन: प्रयोज्य और पारदर्शी होते हैं क्योंकि वे स्वचालित रिपोर्ट पेश करते हैं टीम में किसी के द्वारा आसानी से और आसानी से सुलभ।
स्वचालित दृश्य परीक्षण की कुछ सीमाएँ यह हैं कि बड़े अग्रिम व्यय हो सकते हैं और आपको प्रत्येक परिवर्तन को समायोजित करने के लिए परीक्षण रखरखाव में महत्वपूर्ण प्रयास करने की आवश्यकता होगी।
ऑटोमेशन टेस्टिंग में, दायरा संकरा होता है जब तक स्क्रीनशॉट टेस्टिंग नहीं होती है। इसके अलावा, एक कठिन सीखने की अवस्था है क्योंकि संगठन स्वचालन परीक्षण उपकरण के बारे में जानने के लिए समय लेते हैं।
स्वचालन के साथ जाने के लिए एक अच्छा विकल्प होगा यदि आपको स्थिर यूआई में होने वाले लगातार परिवर्तनों से निपटने के लिए प्रतिगमन दृश्य परीक्षण करना आवश्यक है। स्वचालित परीक्षण भी एक महान दृश्य स्क्रीनशॉट तुलना में मदद करता है।
स्वचालित स्क्रीनशॉट तुलना दृश्य परीक्षण में सटीक डिग्री प्रदान करती है और ROI को बढ़ाती है। स्वचालित स्क्रीनशॉट तुलना उन बगों को पकड़ सकती है जो मानव आंखों और मैनुअल तुलना के साथ पता लगाना असंभव है। यह जटिल उपयोगकर्ता कहानियों के लिए परीक्षण को समाप्त करने में भी सहायक है।
स्वचालित परीक्षण के लिए खुले स्रोत और वाणिज्यिक उपकरण उपलब्ध हैं।
नीचे दी गई छवि दिखाती है कि किसी भी प्रोग्रामिंग भाषा का उपयोग करके दृश्य सत्यापन को कैसे स्वचालित किया जा सकता है:
(छवि स्रोत )
नीचे दिए गए दृश्य परीक्षण स्वचालन के सामान्य वर्कफ़्लो है:
(छवि स्रोत )
जैसा कि उपरोक्त वर्कफ़्लो आरेख में दिखाया गया है, स्वचालित दृश्य परीक्षण में 4 चरण शामिल हैं:
चरण 1 : इस चरण में, हमें एप्लिकेशन और परीक्षण को चलाने और स्क्रीनशॉट को कैप्चर करने की आवश्यकता है।
चरण 2 : इस चरण में, स्वचालन टूल इन स्क्रीनशॉट की तुलना बेसलाइन स्क्रीनशॉट से करता है। बेसलाइन स्क्रीनशॉट आम तौर पर वे चित्र होते हैं जिन्हें पिछले टेस्ट रन में लिया गया था और एक परीक्षक द्वारा सिद्ध किया गया था।
चरण 3: एक बार टूल छवि तुलना के परिणामों को प्राप्त कर लेता है, यह एक रिपोर्ट उत्पन्न करता है जो पाए गए सभी अंतरों को उजागर करता है।
उदाहरण के लिए,नीचे दी गई छवि से पता चलता है कि कोणीय अनुप्रयोग में अंतर को उजागर करने वाले परीक्षण स्वचालन उपकरण में से एक:
चरण 4 : अंतिम चरण में, परीक्षक प्रत्येक अंतर के लिए रिपोर्ट की समीक्षा करता है और जांचता है कि यह बग है या मान्य परिवर्तन (गलत विवरण)। इसके आधार पर, आधारभूत चित्र अपडेट किए जाते हैं।
पहले टेस्ट रन के लिए, आपके पास आधारभूत छवियां नहीं हैं। तो, पहले रन में प्राप्त छवियों को आमतौर पर खुद को आधारभूत छवियों के रूप में माना जाता है। अगले रन के बाद से, उनकी तुलना स्क्रीनशॉट के खिलाफ की जाती है।
स्वचालित दृश्य परीक्षण के लिए सर्वोत्तम अभ्यास
- एक उपकरण चुनें जो झूठे सकारात्मक को अनदेखा करने के लिए पर्याप्त स्मार्ट है। उपकरण को एंटी-अलियासिंग, पिक्सेल ऑफ़सेट आदि को संभालने में सक्षम होना चाहिए और इन कारणों से आपके परीक्षण विफल नहीं होते हैं।
- टेस्ट स्वचालन गतिशील और चलती सामग्री को संभालने में सक्षम होना चाहिए।
- त्रुटि अनुपात या थ्रेसहोल्ड के कॉन्फ़िगरेशन पर निर्भर न करें। केवल एक चीज जो मायने रखनी चाहिए वह यह है कि क्या मनुष्य उस अंतर को देख सकता है, और क्या यह उपयोगकर्ता अनुभव को प्रभावित करेगा?
- स्वचालन एल्गोरिथ्म पृष्ठ की संरचना का विश्लेषण करने में सक्षम होना चाहिए और लेआउट तुलना करने में सक्षम होना चाहिए।
- व्यक्तिगत घटकों के बजाय पूर्ण UI पृष्ठ को प्राथमिकता दें। यह अधिक और बेहतर कवरेज प्रदान करेगा। केवल विशिष्ट घटकों को मान्य करने के मामले में, आप अप्रत्याशित बग को याद कर सकते हैं।
स्वचालित परीक्षण उपकरण और दृश्य परीक्षण रूपरेखा
आज, स्वचालित दृश्य परीक्षण के लिए बाजार में उपलब्ध उपकरणों की एक विस्तृत विविधता (लगभग 30 प्लस) है। इनमें से कुछ उपकरण खुले स्रोत हैं जबकि कुछ वाणिज्यिक हैं। इन उपकरणों में से अधिकांश एक ही तरीके से कार्य करते हैं, लेकिन वे लक्ष्य दर्शकों के अनुसार एक अलग वर्कफ़्लो का पीछा करते हैं।
फ्रंट-एंड डेवलपर्स के लिए, दृश्य परीक्षण में दो प्रकार के ढांचे शामिल हैं। सबसे पहले, आपको एक परीक्षण धावक की आवश्यकता होती है जो आपको परीक्षणों को लिखने और निष्पादित करने की अनुमति देता है। दूसरा, आपको उपयोगकर्ता इंटरैक्शन को दोहराने के लिए एक ब्राउज़र ऑटोमेशन फ्रेमवर्क की आवश्यकता है। इन दो रूपरेखाओं को संयुक्त रूप से विज़ुअल टेस्ट कोड कहा जाता है।
इन टेस्टिंग फ्रेमवर्क की मदद से, डेवलपर वास्तविक उपयोगकर्ता कार्यों की नकल करने वाला कोड बनाते हैं जैसे कि टेक्स्ट टाइप करना या बटन क्लिक करना। परीक्षण कोड में प्रासंगिक बिंदुओं पर स्क्रीनशॉट लेने की आज्ञा है। जब परीक्षण पहली बार निष्पादित किया जाता है, तो स्क्रीनशॉट का एक प्रारंभिक सेट लिया जाता है।
ये स्क्रीनशॉट तुलना के लिए एक आधार रेखा के रूप में कार्य करते हैं, जब अनुप्रयोग में किए गए कोई भी परिवर्तन। बेसलाइन स्थापित होने के बाद, डेवलपर बैकग्राउंड में कोड निष्पादित करता है। जब कोई परिवर्तन पाया जाता है, तो परिवर्तन का स्क्रीनशॉट कैप्चर किया जाता है।
परीक्षण धावक इस स्क्रीनशॉट की तुलना कोड के उस क्षेत्र के लिए आधारभूत स्क्रीनशॉट से करता है। यदि छवियों के बीच कोई अंतर पाया जाता है, तो परीक्षण को विफलता माना जाता है और दृश्य बग की सूचना दी जाती है।
जब पूरे परीक्षण कोड को निष्पादित किया जाता है, तो एक रिपोर्ट स्वचालित रूप से उत्पन्न होती है। यह रिपोर्ट मैन्युअल रूप से उन सभी स्क्रीनशॉट छवियों की जांच करने के लिए एक मानव परीक्षक द्वारा समीक्षा की जाती है जो आधारभूत छवियों से अलग हैं। कुछ उपकरण वास्तविक और अपेक्षित स्क्रीनशॉट के बीच अंतर को उजागर करने के लिए एक अलग छवि उत्पन्न करते हैं।
यदि अंतर कोड में किसी समस्या के कारण होता है, तो डेवलपर उस समस्या को ठीक कर सकता है और कोड को पुन: चला सकता है। यदि अंतर एप्लिकेशन के UI में आवश्यक परिवर्तन के कारण होता है, तो डेवलपर उस स्क्रीनशॉट की समीक्षा करता है और बेसलाइन स्क्रीनशॉट को अपडेट करता है ताकि भविष्य के परीक्षण पास हो सकें।
विजुअल टेस्टिंग में फ्री और पेड दोनों तरह के टूल शामिल हैं। आइए उपकरणों पर विस्तार से चर्चा करें।
शीर्ष दृश्य परीक्षण उपकरणों की सूची
कोड / स्क्रिप्ट आधारित ओपन-सोर्स और फ्री टूल्स
नीचे सूचीबद्ध कोड-आधारित दृश्य सत्यापन उपकरण की सूची है जो खुले-स्रोत हैं और मुफ्त में उपलब्ध हैं।
- फैंटमसीएसएस (UJs CapserJs)
- FBSnapshotTestCase (XCTest का उपयोग करता है)
- मिथुन राशि (जेएस डीएसएल का उपयोग करता है)
- सुई (पायथन का उपयोग करता है)
- Rspec पेज रिग्रेशन (उपयोग कैपिबारा)
- पिक्स-डिफ (जेएस और प्रोटेक्टर का उपयोग करता है)
- सेलेनियम विज़ुअल डिफ (जावा और डब्ल्यूडी का उपयोग करता है)
- विजयरेंस (.NET और WD का उपयोग करता है)
- विज़ुअलाइज़ेशन (PHP और CodeCeption का उपयोग करता है)
- काली छाया (जेएस डीएसएल का उपयोग करता है)
कॉन्फ़िगरेशन ओपन-सोर्स और फ्री टूल आधारित है
कॉन्फ़िगरेशन-आधारित दृश्य सत्यापन उपकरण जो खुले स्रोत और मुफ्त उपलब्ध हैं, आपके संदर्भ के लिए नीचे सूचीबद्ध हैं:
- बासकस्टॉप्स
- dpxdtMake -Depenced
- CSSCritic
- ग्रन्ट फोटोबॉक्स
- वीआइएफ़एफ़
- हरी प्याज
- छोटा सा आदमी
- सीएसएस विजुअल टेस्ट
- स्नैप और तुलना
- ग्रंट-विगो
- गैलेन फ्रेमवर्क
- आटोमेशन
हम ऊपर दिए गए प्रत्येक उपकरण में गहराई से नहीं जाएंगे, हालांकि, सबसे अच्छे लोगों के बारे में संक्षेप में चर्चा करें।
प्रेत सीएसएस दृश्य सत्यापन के लिए बहुत लोकप्रिय ओपन-सोर्स टूल में से एक है। इसमें 4,768 गिटहब सितारे हैं। यह आपको स्वचालित दृश्य प्रतिगमन परीक्षण के साथ जोड़ता है। यह स्क्रीनशॉट लेने के लिए CasperJS का उपयोग करता है और उनकी तुलना बेसलाइन स्क्रीनशॉट के साथ Resemble.js के साथ करता है।
(छवि स्रोत )
यह RGB पिक्सेल अंतर के आधार पर छवि भिन्नता उत्पन्न करता है। यह उपकरण केवल तभी उपयोगी है जब UI पूर्वानुमान योग्य हो।
FBSnapshotTestCase इस श्रेणी में एक अन्य लोकप्रिय उपकरण भी है। इसमें 880 गिटहब तारे हैं।
यह एक कॉन्फ़िगर किए गए यूआईवीवाई या कैलेयर को पकड़ता है और रेंडर इनकॉन्टेक्स नामक एक विधि को नियुक्त करता है: इसकी सामग्री की एक छवि स्नैपशॉट प्राप्त करने के लिए। यह आपके स्रोत कोड रिपॉजिटरी में रखी गई 'संदर्भ छवि' के खिलाफ इस छवि से मेल खाता है और दो स्नैपशॉट मैच नहीं होने की स्थिति में परीक्षण में विफल रहता है।
बैकस्टॉपज कॉन्फ़िगरेशन आधारित उपकरणों की श्रेणी में एक प्रमुख उपकरण है। यह CSS Curveballs को पकड़ता है। यह दृश्य प्रतिगमन परीक्षण के लिए एक स्वचालन उपकरण है जो समय के साथ DOM स्क्रीनशॉट का मिलान करके उत्तरदायी वेब UI का परीक्षण कर सकता है।
कुछ शानदार फीचर्स जैसे कि इन-ब्राउजर रिपोर्टिंग यूआई, इंटीग्रेटेड डॉकटर रेंडरिंग, ज्यूनीट रिपोर्ट्स, सीएलआई रिपोर्ट्स आदि के साथ टूल का उपयोग करना आसान है।
गैलेन फ्रेमवर्क भी दृश्य सत्यापन परीक्षण के लिए प्रसिद्ध ओपन-सोर्स फ्रेमवर्क में से एक है। इस टूल का उपयोग करके आप स्वचालित तरीके से वेब ऐप्स के लेआउट और उत्तरदायी डिज़ाइन का परीक्षण कर सकते हैं।
(छवि स्रोत )
यह ढांचा सेलेनियम ग्रिड में अच्छी तरह से चलता है।
अब विज़ुअल टेस्ट ऑटोमेशन के लिए उपलब्ध कुछ वाणिज्यिक उपकरणों और रूपरेखाओं पर चर्चा करें!
वाणिज्यिक उपकरण
# 1) अप्लाइट्स
यह स्वचालित दृश्य परीक्षण और दृश्य प्रतिगमन परीक्षण के लिए बहुत लोकप्रिय वाणिज्यिक रूपरेखाओं में से एक है। यह उपकरण एआई-संचालित संज्ञानात्मक दृष्टि प्रदान करता है। यह दृश्य परीक्षण और निगरानी की समाप्ति के लिए आपकी सहायता के लिए कृत्रिम बुद्धिमत्ता का उपयोग करता है।
Applitools के साथ, आप बिना किसी कोड को लिखे या बहुत कम से कम कोड के साथ सभी प्लेटफार्मों और कॉन्फ़िगरेशनों में सैकड़ों UI घटकों का स्वचालित रूप से परीक्षण कर सकते हैं। इसमें 40 से अधिक परीक्षण ढांचे और भाषाओं के लिए समर्थन है।
यह DevOps प्रक्रिया का भी समर्थन करता है जहाँ आप अपने दृश्य परीक्षण मामलों को आसानी से CI / CD पाइपलाइन में एकीकृत कर सकते हैं। यह उपकरण आपको कस्टम दृश्य रिपोर्ट बनाने की सुविधा भी देता है।
यह ढांचा सोनी, एसएपी, मास्टरकार्ड और पेपाल सहित कुछ शीर्ष कंपनियों द्वारा नियोजित किया जा रहा है। इसकी बहुत सकारात्मक ग्राहक समीक्षा भी हैं।
विक्रेता इस ढांचे के तीन संस्करण प्रदान करता है यानी स्टार्टर, एंटरप्राइज पब्लिक क्लाउड और एंटरप्राइज डेडिकेटेड क्लाउड। मूल्य निर्धारण के लिए आपको विक्रेता से संपर्क करना होगा।
वेबसाइट: एप्लाइट्स
# 2) दृश्य परीक्षण का क्रॉसब्रोर्सिंग
क्रॉसब्रोटरिंग एक स्मार्ट टेस्टिंग प्लेटफॉर्म है जिसे स्मार्टबियर द्वारा पूरी परीक्षण प्रक्रिया के लिए विकसित किया गया है। यह उपकरण दृश्य परीक्षण के साथ-साथ दृश्य प्रतिगमन परीक्षण को भी कवर करता है।
इस टूल द्वारा प्रदान किया गया स्क्रीनशॉट परीक्षण फीचर पूर्ण-पृष्ठ स्क्रीनशॉट को कैप्चर करता है और विज़ुअल बग्स को खोजने और विज़ुअल विसंगतियों को ट्रैक करने में तेज़ी से मदद करता है। स्क्रीनशॉट परीक्षण शुरू करने के लिए, आपको URL प्रदान करने और कुछ ब्राउज़र चुनने की आवश्यकता है।
अधिकांश डेस्कटॉप डिवाइस और लोकप्रिय मोबाइल उपकरणों के लिए स्क्रीनशॉट परीक्षण उपलब्ध हैं। आप डेस्कटॉप ब्राउज़र और मोबाइल ओरिएंटेशन में गतिशील उत्तरदायी परीक्षण के लिए अपने ब्राउज़र रिज़ॉल्यूशन को मिक्स एंड मैच कर सकते हैं। आपका स्क्रीनशॉट परीक्षण प्रत्येक कॉन्फ़िगरेशन के तीन दृश्य अर्थात् विंडोेड, पूर्ण-पृष्ठ और पूर्ण-पृष्ठ क्रोमलेस कैप्चर करेगा।
आप अपने परीक्षा परिणामों को जल्दी से फ़िल्टर कर सकते हैं और दृश्य बग देख सकते हैं। आप लाइव टेस्ट में भी कूद सकते हैं और दृश्य दोषों को ठीक कर सकते हैं या ठीक कर सकते हैं। आप इस सॉफ़्टवेयर द्वारा प्रदान किए गए स्थानीय कनेक्शन टूल के माध्यम से स्थानीय और विकास वातावरण का परीक्षण कर सकते हैं।
दृश्य प्रतिगमन परीक्षण के लिए, एक बार जब आप सफलतापूर्वक स्क्रीनशॉट परीक्षण निष्पादित कर लेते हैं, तो आप इसे दैनिक, साप्ताहिक या मासिक आधार पर निर्धारित कर सकते हैं। उपकरण परीक्षा परिणाम सूचनाओं को भी भेजेगा।
इस उपकरण में विभिन्न विन्यासों में एक ही पृष्ठ के स्वचालित स्क्रीनशॉट पर कब्जा करने के लिए एक स्वचालित तुलना इंजन है। यहां से, आप एक बेसलाइन ब्राउज़र का चयन कर सकते हैं, और उसके बाद हाइलाइट किए गए लेआउट अंतर का मूल्यांकन कर सकते हैं।
यह आपके परीक्षण को अधिक शक्तिशाली बनाने के लिए कुछ उन्नत विकल्प भी प्रदान करता है। इन विकल्पों में बेसिक ऑथेंटिकेशन, लॉगइन प्रोफाइल, सेलेनियम स्क्रिप्ट, स्क्रीनशॉट देरी, ईमेल भेजना, फिक्स्ड एलिमेंट्स को शामिल करना आदि शामिल हैं।
यह भी पढ़ें = >> सेलेनियम में स्क्रीनशॉट कैसे लें
यह एक कीमत उपकरण है। हालाँकि, एक नि: शुल्क परीक्षण भी उपलब्ध है। इस उपकरण के लाइव परीक्षण संस्करण की कीमत आपको $ 29 / महीना होगी, स्वचालित परीक्षण की कीमत $ 60 / माह है और असीमित परीक्षण की कीमत $ 100 / माह है।
वेबसाइट: क्रॉसरोवरिंग
# 3) पर्सी विज़ुअल टेस्टिंग
पर्सी स्वचालित दृश्य परीक्षण के लिए शक्तिशाली उपकरणों में से एक है। यह आपको दृश्य परीक्षणों को एकीकृत करने, निष्पादित करने और समीक्षा करने की अनुमति देता है। एकीकरण परीक्षण स्वचालन फ्रेमवर्क, सीआई / सीडी सेवाओं, या सीधे अपने आवेदन के माध्यम से किया जा सकता है।
एकीकरण के बाद, हम अनुप्रयोगों और घटकों पर आवश्यक दृश्य परीक्षणों को निष्पादित करना शुरू कर सकते हैं। जब एक दृश्य परीक्षण शुरू किया जाता है, तो पर्सी उपकरण विभिन्न ब्राउज़रों और उत्तरदायी चौड़ाई में UI स्क्रीनशॉट निकालता है। यह तब पिक्सेल बेसलाइन तुलना द्वारा पिक्सेल करता है और आपके UI में किसी भी प्रासंगिक दृश्य परिवर्तन की पहचान करता है।
एक बार स्क्रीनशॉट प्रदान किए जाने के बाद, आप किसी भी दृश्य समस्या के लिए उनकी समीक्षा कर सकते हैं।
पिक्सेल द्वारा पिक्सेल भिन्न होता है और इस उपकरण द्वारा प्रदान किया गया उत्तरदायी भिन्न दृश्य दृश्यता देता है। इसके अलावा, स्नैपशॉट स्थिरीकरण सुविधा झूठी सकारात्मक को कम करती है।
यह एक पेड टूल है। हालांकि, यह एक नि: शुल्क परीक्षण संस्करण भी प्रदान करता है। भुगतान किए गए संस्करणों में तीन फ्लेवर हैं यानी आवश्यक, व्यवसाय और उद्यम। आवश्यक संस्करण की कीमत $ 29 / माह है, व्यावसायिक संस्करण की कीमत $ 849 / माह है और एंटरप्राइज़ संस्करण आपकी आवश्यकता के अनुसार बनाया गया है, इसलिए इसकी कीमत तदनुसार भिन्न होगी।
वेबसाइट: पर्सी विज़ुअल टेस्टिंग
# 4) Screener.io
यह एक स्वचालित परीक्षण उपकरण है जो आपको क्लाउड में रियलटाइम में परीक्षणों को रिकॉर्ड करने और निष्पादित करने देता है। बिना किसी कोडिंग के टेस्ट फ्लो को आसानी से स्वचालित किया जा सकता है। यह स्वचालित रूप से विभिन्न प्लेटफार्मों पर यूआई विसंगतियों को स्पॉट करता है। यह स्टोरीबुक घटक परीक्षण का भी समर्थन करता है।
यह आपको एक ही टेस्ट रन में कार्यात्मक परीक्षण के संयोजन में दृश्य परीक्षण करने की अनुमति देता है जिससे समग्र परीक्षण कवरेज बढ़ जाती है। Screener.io का उपयोग करने वाली कंपनियों में यमर, Microsoft, uber आदि शामिल हैं।
इस टूल के स्टार्टर पैक की कीमत आपको लगभग $ 249 / मो होगी, प्रदर्शन पैक की कीमत $ 499 / मो है और एंटरप्राइज पैक में आपकी आवश्यकताओं के आधार पर कस्टम मूल्य निर्धारण है।
वेबसाइट: Screener.io
# 5) अंतिम परीक्षण
एंडटेस्ट एक यूआई टेस्टिंग प्लेटफॉर्म है जो मशीन लर्निंग की मदद से कोडलेस ऑटोमेशन टेस्टिंग को सपोर्ट करता है। यह आपको स्वचालित परीक्षण बनाने, स्टोर करने और उन्हें सीधे क्लाउड में निष्पादित करने की अनुमति देता है। उनके पास एक क्रोम एक्सटेंशन भी है जिसके माध्यम से आप परीक्षणों को रिकॉर्ड कर सकते हैं।
इस टूल में बहुत सारे फीचर हैं जैसे कि रैंडम टेस्ट डेटा, एडवांस्ड असेस्मेंट, ऑटोमैटिक बैकअप, जियोलोकेशन, लाइव वीडियो, स्क्रीनशॉट तुलना, आदि।
वेबसाइट: सबसे अंत में
निष्कर्ष
इस ट्यूटोरियल में, हमने चर्चा की कि आज के परिदृश्य में दृश्य सत्यापन कितना महत्वपूर्ण है, जहां स्क्रीन आकार, मोबाइल डिवाइस, ऑपरेटिंग सिस्टम, स्क्रीन रिज़ॉल्यूशन इत्यादि के कई कॉन्फ़िगरेशन पर सॉफ़्टवेयर एप्लिकेशन को ठीक काम करने की आवश्यकता होती है।
यदि आप एक अच्छा उपयोगकर्ता अनुभव चाहते हैं, तो दृश्य सत्यापन परीक्षण उतना ही महत्वपूर्ण है जितना कार्यात्मक परीक्षण। दृश्य परीक्षण और कार्यात्मक परीक्षण, जब संयुक्त व्यापक परीक्षण कवरेज प्रदान कर सकते हैं।
दृश्य सत्यापन परीक्षण के लिए खुले स्रोत और वाणिज्यिक उपकरण और चौखटे उपलब्ध हैं। हमने इस ट्यूटोरियल में कुछ बेहतरीन टूल पर चर्चा की। वे उपकरण वास्तव में स्वचालित दृश्य परीक्षण और दृश्य प्रतिगमन परीक्षण में आपकी सहायता कर सकते हैं।
पढ़ने का आनंद लो!
अनुशंसित पाठ
- सर्वश्रेष्ठ सॉफ्टवेयर परीक्षण उपकरण 2021 (क्यूए टेस्ट स्वचालन उपकरण)
- अल्फा परीक्षण और बीटा परीक्षण (एक पूर्ण गाइड)
- सत्यापन परीक्षण अंतिम गाइड
- Android अनुप्रयोगों के लिए 11 सर्वश्रेष्ठ स्वचालन उपकरण (Android App परीक्षण उपकरण)
- नेटवर्क सुरक्षा परीक्षण और सर्वश्रेष्ठ नेटवर्क सुरक्षा उपकरण
- कार्यात्मक परीक्षण बनाम गैर-कार्यात्मक परीक्षण
- परीक्षण प्राइमर eBook डाउनलोड
- इकाई परीक्षण, एकीकरण परीक्षण और कार्यात्मक परीक्षण के बीच अंतर