फ्रंट एंड टेस्टिंग क्या है?
फ्रंट एंड टेस्टिंग एक परीक्षण तकनीक है जिसमें ग्राफिकल यूजर इंटरफेस (GUI), कार्यक्षमता और वेब अनुप्रयोगों की उपयोगिता या एक सॉफ्टवेयर का परीक्षण किया जाता है। वेब अनुप्रयोगों की प्रस्तुति परत या एक सॉफ्टवेयर लगातार अद्यतन के साथ दोष मुक्त है यह सुनिश्चित करने के लिए फ्रंट एंड टेस्टिंग का लक्ष्य समग्र कार्यक्षमता का परीक्षण कर रहा है।
उदाहरण के लिए : यदि आप अपना नाम आवेदन के अग्रभाग में दर्ज करते हैं, तो संख्या स्वीकार नहीं की जानी चाहिए। एक और उदाहरण जीयूआई तत्वों के संरेखण की जाँच करेगा।
इसके अलावा फ्रंटेंड परीक्षण के लिए आयोजित किया जाता है:
- सीएसएस रिग्रेशन टेस्टिंग: माइनर सीएसएस में बदलाव होता है जो फ्रंटएंड लेआउट को तोड़ता है
- JS फ़ाइलों में परिवर्तन जो कि फ्रंटएंड को गैर-कार्यात्मक बनाता है
- प्रदर्शन की जाँच
इस ट्यूटोरियल में हम सीखेंगे,
- सीमांत परीक्षण क्या है?
- कैसे बनाएं एक फ्रंटेंड वेबसाइट टेस्टिंग प्लान?
- क्यों बनाएं फ्रंटेंड टेस्टिंग प्लान?
- बेहतर सीमा परीक्षण के लिए युक्तियाँ
- फ्रंट-एंड टेस्टिंग टूल
- फ्रंट-एंड परफॉर्मेंस ऑप्टिमाइजेशन
- फ्रंट-एंड प्रदर्शन परीक्षण उपकरण
कैसे बनाएं एक फ्रंटेंड वेबसाइट टेस्टिंग प्लान?
फ्रंटएंड टेस्टिंग प्लान बनाना एक सरल 4 चरण प्रक्रिया है।
चरण 1) अपनी परीक्षण योजना के प्रबंधन के लिए उपकरण खोजें
चरण 2) फ्रंट एंड टेस्टिंग के लिए बजट तय करें
चरण 3) पूरी प्रक्रिया के लिए समयरेखा निर्धारित करें
चरण 4) परियोजना के पूरे दायरे को तय करें। गुंजाइश में निम्नलिखित आइटम शामिल हैं
- आपके दर्शकों की ISP योजनाओं द्वारा उपयोग किए जाने वाले OS और ब्राउज़र
- दर्शकों द्वारा उपयोग किए जाने वाले लोकप्रिय उपकरण
- अपने दर्शकों की प्रवीणता
- दर्शकों की इंटरनेट सुधार गति
क्यों बनाएं फ्रंटेंड टेस्टिंग प्लान?
एक सीमा परीक्षण योजना आपको निर्धारित करने में मदद करती है
- ब्राउज़र्स
- ऑपरेटिंग सिस्टम
आपकी परियोजना को कवर करने की आवश्यकता है। ब्राउज़र और ओएस के असंख्य संयोजन हैं जिन्हें आप अपने सामने के अंत का परीक्षण कर सकते हैं। एक योजना होने से आपको परीक्षण के प्रयास और पैसे को कम करने में मदद मिलेगी।
फ्रंटएंड टेस्टिंग बनाकर, योजना से आपको निम्नलिखित फायदे मिलेंगे-
- यह आपको परियोजना के दायरे के बारे में पूरी स्पष्टता प्राप्त करने में मदद करता है
- फ्रंटएंड टेस्टिंग करने से परियोजना को तैनात करने में भी विश्वास मिलता है
बेहतर सीमा परीक्षण के लिए युक्तियाँ
यहां कुछ महत्वपूर्ण युक्तियां दी गई हैं, जिन्हें अपनाकर आपको बेहतर फ्रंटेंड टेस्टिंग प्लान बनाने की आवश्यकता है:
- अपना बजट, संसाधन और समय विवेकपूर्ण तरीके से तैयार करें।
- एक हेडलेस ब्राउज़र का उपयोग करें, इसलिए परीक्षण तेजी से निष्पादित किए जाते हैं।
- गति निष्पादन के लिए परीक्षणों में DOM रेंडरिंग की मात्रा में कटौती करें।
- परीक्षण के मामलों को अलग करें, इसलिए बग का मूल कारण तेजी से दोष को ठीक करने के चक्र के लिए जल्दी से निर्धारित होता है
- तेज प्रतिगमन चक्रों के लिए पुन: प्रयोज्य अपनी परीक्षण लिपियों का उपयोग करें।
- आपको अपने परीक्षण स्क्रिप्ट के लिए लगातार नामकरण सम्मेलन का उपयोग करना चाहिए
फ्रंट-एंड टेस्टिंग टूल
आचरण करने के लिए, विभिन्न प्रकार की कार्यक्षमता हैं उपयोगी फ्रंटेंड परीक्षण उपकरणों का एक गुच्छा उपयोग किया जाता है। ये उनमे से कुछ है:
क्रॉस-ब्राउज़र परीक्षण उपकरण:
1. लैम्ब्डाटेस्ट
एक वर्ष में 100,000 से अधिक उपयोगकर्ताओं की मदद करना, LambdaTest सबसे पसंदीदा क्रॉस ब्राउज़र परीक्षण मंच बन गया है। उपयोगकर्ता अपने स्केलेबल, सुरक्षित और विश्वसनीय क्लाउड आधारित सेलेनियम ग्रिड का उपयोग करके स्वचालित वेब परीक्षण कर सकते हैं जो आपके परीक्षण कवरेज को अधिकतम करने के लिए 2000+ वास्तविक ब्राउज़र और ब्राउज़र संस्करणों के संयोजन पर है।
जेएस परीक्षण उपकरण:
2. चमेली
यह जावास्क्रिप्ट कोड का परीक्षण करने के लिए एक व्यवहार चालित विकास ढांचा है। Th टूल तकनीकी विवरणों की तुलना में व्यावसायिक मूल्य पर अधिक ध्यान केंद्रित करता है। इसमें एक साफ वाक्य विन्यास है जो आपको आसानी से परीक्षण लिखने में मदद करता है। यह किसी भी अन्य जावास्क्रिप्ट चौखटे पर निर्भर नहीं करता है। यह JSSpec, screwUnit, JSpec, और RSpec जैसे इकाई परीक्षण ढांचे से बहुत प्रभावित है।
कार्यात्मक परीक्षण उपकरण:
3. सेलेनियम
सेलेनियम एक फ्रंटेंड टेस्टिंग टूल है। यह विंडोज, मैक और लिनक्स जैसे विभिन्न ब्राउज़रों और प्लेटफार्मों पर परीक्षण के अंत का अंत करता है। यह आपको जावा, पीएचपी, सी # आदि जैसे विभिन्न प्रोग्रामिंग भाषाओं में परीक्षण लिखने की अनुमति देता है। टूल सेलेनियम आईडीई सीखने की आवश्यकता के बिना परीक्षण लिखने के लिए रिकॉर्ड और प्लेबैक सुविधाएँ प्रदान करता है।
सीएसएस उपकरण:
4. सुई
सीएसएस के परीक्षण के लिए सुई एक मोर्चा परीक्षण उपकरण है। यह जाँचता है कि आपकी वेबसाइट के कुछ भागों के स्क्रीनशॉट लेकर फ़ॉन्ट / सीएसएस / चित्र जैसे दृश्य तत्व सही ढंग से प्रस्तुत होते हैं। उसके बाद, टूल कुछ ज्ञात अच्छे स्क्रीनशॉट के साथ तुलना करता है। यह परीक्षकों को सीएसएस मूल्यों और HTML तत्वों की स्थिति की गणना करने की अनुमति देता है।
किसी भी फ्रंटएंड टेस्टिंग टूल के लिए आपको दो प्राथमिक चुनौतियों के बारे में पता होना चाहिए-
- प्रारंभिक अवस्था में टेस्ट ऑटोमेशन के लिए काफी प्रयासों की आवश्यकता होती है। इसलिए, इसे और अधिक समय और प्रयासों की आवश्यकता है।
- परीक्षण उपकरण में ऑपरेटिंग सिस्टम और ब्राउज़र के साथ कुछ संगतता मुद्दे हो सकते हैं।
फ्रंट-एंड परफॉर्मेंस ऑप्टिमाइजेशन
फ्रंट-एंड परफॉर्मेंस टेस्टिंग चेक "पेज लोड कितनी तेजी से करता है।"
एक उपयोगकर्ता के लिए फ्रंट-एंड प्रदर्शन का अनुकूलन उच्च उपयोगकर्ता भार के साथ एक आवेदन का परीक्षण करने से पहले एक अच्छा अभ्यास है।
फ्रंट-एंड प्रदर्शन अनुकूलन क्यों महत्वपूर्ण है?
पहले प्रदर्शन अनुकूलन का मतलब सर्वर-साइड का अनुकूलन करना था। ऐसा इसलिए है क्योंकि अधिकांश वेबसाइटें ज्यादातर स्थिर थीं और अधिकांश प्रसंस्करण सर्वर की तरफ से किया गया था।
हालांकि, वेब 2.0 प्रौद्योगिकियों की शुरुआत के साथ, वेब एप्लिकेशन अधिक गतिशील हो जाते हैं। परिणामस्वरूप, क्लाइंट-साइड कोड एक प्रदर्शन हॉग बन गया है।
फ्रंट-एंड परफॉर्मेंस ऑप्टिमाइज़ेशन का लाभ क्या है?
- वेबसाइट टेस्टिंग में, सर्वर की बाधाओं को खोजने के अलावा क्लाइंट साइड परफॉरमेंस के मुद्दे भी उतने ही महत्वपूर्ण हैं, क्योंकि वे उपयोगकर्ता के अनुभव को आसानी से प्रभावित करते हैं।
- 50% से बैक-एंड प्रदर्शन में सुधार करने से आवेदन के समग्र प्रदर्शन में 10% की वृद्धि होगी।
- हालांकि, 50% से फ्रंट-एंड प्रदर्शन में सुधार, आवेदन के समग्र प्रदर्शन में 40% की वृद्धि होगी।
- इसके अलावा, बैक-एंड की तुलना में फ्रंट-एंड परफॉर्मेंस ऑप्टिमाइज़ेशन आसान और कम खर्चीला है।
फ्रंट-एंड प्रदर्शन परीक्षण उपकरण
पृष्ठ गति
पृष्ठ गति Google द्वारा शुरू किया गया एक खुला स्रोत प्रदर्शन परीक्षण ऐड-ऑन है। उपकरण वेब पेज का मूल्यांकन करता है और लोडिंग समय को कम करने के लिए सुझाव प्रदान करता है। जब उपयोगकर्ता Google खोज इंजन का उपयोग करके वेब पेजों पर पहुंचते हैं तो यह वेब पेज को पुनः प्राप्ति तेज बनाता है।
YSlow
YSlow एक दृश्य वेब प्रदर्शन परीक्षण उपकरण है। यह पृष्ठ पर सभी घटकों की जांच करके वेब पेज के प्रदर्शन का विश्लेषण करता है, जिसमें जावास्क्रिप्ट का उपयोग करके बनाए गए घटक भी शामिल हैं। यह पृष्ठ के प्रदर्शन को भी मापता है और उपयोगकर्ताओं को सुझाव देता है।
निष्कर्ष
- फ़्रंट-एंड टेस्टिंग फ्रंटएंड फ़ंक्शनलिटी, जीयूआई और यूज़ेबिलिटी का परीक्षण या सत्यापन कर रहा है।
- यह सुनिश्चित करने के लिए फ्रंटेंड परीक्षण का मुख्य उद्देश्य यह सुनिश्चित करना है कि हर उपयोगकर्ता बग से सुरक्षित है।
- फ्रंटएंड टेस्टिंग प्लान बनाने से आपको उन डिवाइस, ब्राउज़र और सिस्टम को जानने में मदद मिलती है जिन्हें आपके प्रोजेक्ट को कवर करने की आवश्यकता है।
- यह आपको परियोजना के दायरे के बारे में पूर्ण स्पष्टता प्राप्त करने में भी मदद करता है
- जैस्मीन, सेलेनियम, ब्राउज़र, टेस्टकम्प्लीट, नीडल फ्रंटेंड टेस्टिंग टूल के कुछ उदाहरण हैं।