दर्द के बिना वेब अनुप्रयोगों का कार्यात्मक परीक्षण

कभी-कभी यह जीवन में होता है - आप प्रतीक्षा करते हैं, किसी चीज़ की प्रतीक्षा करते हैं, इस मुद्दे पर सिद्धांत का अध्ययन करते हैं, हल करने के लिए विभिन्न दृष्टिकोणों पर विचार करते हैं, आप जैसे साधकों के साथ चर्चा करते हैं, मान्यता प्राप्त गुरुओं की आवाज़ सुनते हैं, लेकिन एक इंच भी आगे नहीं बढ़ते हैं। फिर आप छोड़ देते हैं, इस मुद्दे के बारे में पूरी तरह से भूल जाते हैं, अन्य चीजें करते हैं, और अचानक - आप पर, सब कुछ जगह में गिर गया, एक अद्भुत मोज़ेक ने असमान तत्वों का गठन किया है, आत्मज्ञान आ गया है, और आपके बाल अचानक घने और रेशमी हो गए हैं।



यहाँ स्वचालित कार्यात्मक (स्वीकृति) परीक्षण के साथ एक ही कहानी के बारे में है। केंट बेक ने खुद इस तरह की शांत चीज के बारे में लिखा था जैसे कि स्वचालित परीक्षण। खैर, स्वचालित कार्यात्मक परीक्षण आम तौर पर आधुनिक फुर्तीली सॉफ्टवेयर विकास तकनीकों के लिए एक tidbit हैं। उदाहरण के लिए, एक ही स्क्रम - "डेमो" का अभ्यास शामिल है, जिसके दौरान ग्राहक को उत्पाद के विकास को दिखाने की आवश्यकता होती है, जो पुनरावृत्ति के दौरान किया जाता है।

बेशक, मैं एक विशेष चुस्त व्यवसायी नहीं हूं, और मैंने वेब परियोजनाओं के कार्यात्मक परीक्षण के लिए उपकरणों के बाजार का अध्ययन नहीं किया है - यह संभव है कि इस खंड में पहले सब कुछ चोट लगी थी। लेकिन 5 साल में जो मैं एक प्रोग्रामर के रूप में काम कर रहा हूं - मैंने केवल कुछ ही बार ऐसे शब्द सुने हैं जैसे कि स्वचालित कार्यात्मक परीक्षण, सेलेनियम और मैंने कभी व्यावहारिक अनुप्रयोग नहीं देखा है।

इसलिए, गीतात्मक परिचय पर लौटते हुए, यह मुझे लगता है कि हाल ही में कॉलोस्सेल गुणात्मक परिवर्तन हुआ। और एक भावना है कि निकट भविष्य में केवल आलसी व्यक्ति अपने वेब प्रोजेक्ट के कार्यात्मक परीक्षण की उपेक्षा करेगा।

वास्तव में क्या हुआ था? मैंने स्प्रिंग्ससोर्स ब्लॉग RSS फ़ीड की सदस्यता ली और एक बार मुझे इस तरह के पेचीदा शीर्षक के साथ एक लेख मिला - कार्यात्मक वेब परीक्षण का भविष्य? ।

इस लेख में वर्णित गेब एंड स्पॉक टूल्स ने मुझे अचंभित कर दिया और इसे आजमाने का फैसला किया।



वास्तव में आगे, मैं ग्राफोमेनिया के हमले को बाधित करने और इन उपकरणों का उपयोग करके एक सरल उदाहरण का वर्णन करने के लिए गीत के गले पर कदम रखने की कोशिश करूंगा।

अवसंरचना स्थापना

परीक्षण के लिए, हमें चाहिए:

• JDK 1.6 या उच्चतर, यहां डाउनलोड करें
• मावेन 2.2.1, यहां डाउनलोड करें , इंस्टॉलेशन निर्देश

पहला कार्यात्मक परीक्षण

यह खंड एक सरल लेकिन निश्चित रूप से उपयोगी कार्यात्मक परीक्षण के स्वचालन का एक उदाहरण देगा।

कार्यात्मक परीक्षण का सार निम्नलिखित होगा:

- विकिपीडिया साइट दर्ज करें

- "कार्यात्मक परीक्षण" की खोज में टाइप करें

- सुनिश्चित करें कि हम वास्तव में वांछित पृष्ठ पर पहुंचे

(उदाहरण के लिए, हम पेज लाइन के पाठ में प्रविष्टि के लिए देखेंगे "यह कार्यात्मक आवश्यकताओं की व्यवहार्यता को सत्यापित करने के लिए सॉफ्टवेयर परीक्षण है")

परियोजना निर्देशिका संरचना

परीक्षण के लिए परियोजना निर्देशिका की संरचना इस प्रकार है:





pom.xml - मावेन में प्रोजेक्ट विवरण फ़ाइल

simplefunctest - एक पैकेज जिसमें परीक्षण का वर्णन करने के लिए कक्षाएं संग्रहीत की जाएंगी

वास्तव में टेस्ट

package my.tests.simplefunctest



import geb.spock.GebSpec



class MyFirstSpec extends GebSpec {



def "test search functional testing wiki page" () {

given: "we are at main wiki page"

to MainWikiPage



when : "try to search functional testing page"

searchField.value( " " )

searchButton.click()



then : "check we are on functional testing page"

at FunctionalTestingWikiPage

}

}



* This source code was highlighted with Source Code Highlighter .

यहां क्या हो रहा है?

- हम अपने टेस्ट सूट के लिए एक वर्ग बनाते हैं, बेस क्लास से विरासत में मिला है जो गेबस्पेक टेस्ट सूट का वर्णन करता है। (सिद्धांत रूप में, बीडीडी शब्दावली का उपयोग यहां किया जाना चाहिए, अर्थात् विनिर्देशों आदि, लेकिन मैं इसे संक्षिप्तता और समझ के लिए छोड़ दूँगा।

class MyFirstSpec extends GebSpec { ... }



* This source code was highlighted with Source Code Highlighter .

- हम विकिपीडिया वेबसाइट पर कार्यात्मक परीक्षण पर एक पृष्ठ खोजने के लिए डिज़ाइन किए गए एक विशिष्ट परीक्षण का विवरण बनाते हैं

def "test search functional testing wiki page" () { ... }



* This source code was highlighted with Source Code Highlighter .

- हम खुद को विकिपीडिया के मुख्य पृष्ठ पर पाते हैं

given: "we are at main wiki page"

to MainWikiPage



* This source code was highlighted with Source Code Highlighter .

- हम खोज फ़ील्ड में "कार्यात्मक परीक्षण" वाक्यांश दर्ज करते हैं और खोज बटन पर क्लिक करते हैं

when : "try to search functional testing page"

searchField.value( " " )

searchButton.click()



* This source code was highlighted with Source Code Highlighter .

- फिर हम जांचते हैं कि हम कार्यात्मक परीक्षण पर विकिपीडिया पृष्ठ पर हैं

then : "check we are on functional testing page"

at FunctionalTestingWikiPage



* This source code was highlighted with Source Code Highlighter .

विकिपीडिया मुख्य पृष्ठ का विवरण

package my.tests.simplefunctest



import geb.Page



class MainWikiPage extends Page {

static url = "http://ru.wikipedia.org/"

static at = {title == " — " }

static content = {

searchField { $( "input" , id: "searchInput" )}

searchButton ( to : FunctionalTestingWikiPage) { $( "button" , id: "searchButton" )}

}

}



* This source code was highlighted with Source Code Highlighter .

यहां क्या हो रहा है?

- हम विकिपीडिया के मुख्य पृष्ठ का वर्णन करने के लिए एक वर्ग बनाते हैं, जो पृष्ठ का वर्णन करने वाले आधार वर्ग से प्राप्त होता है

class MainWikiPage extends Page { ... }



* This source code was highlighted with Source Code Highlighter .

- पृष्ठ का URL निर्दिष्ट करें (आवश्यक, चूंकि परीक्षण इस पृष्ठ से शुरू होता है)

static url = "http://ru.wikipedia.org/"



* This source code was highlighted with Source Code Highlighter .

- हम यह सत्यापित करने के लिए कि हम वांछित पृष्ठ पर हैं (इस मामले में, हम सत्यापित करते हैं कि शीर्षक "विकिपीडिया - मुक्त विश्वकोश" है)

static at = {title == " — " }



* This source code was highlighted with Source Code Highlighter .

- हम पृष्ठ को भरने के लिए बंद होने का वर्णन करते हैं (इस मामले में, यह एक खोज पाठ क्षेत्र है और खोज करने के लिए एक बटन है (दोनों तत्व टैग और आईडी द्वारा मिलेंगे)) ( $ () फ़ंक्शन का उपयोग करने के बारे में लेख देखें)

static content = {

searchField { $( "input" , id: "searchInput" )}

searchButton ( to : FunctionalTestingWikiPage) { $( "button" , id: "searchButton" )}

}



* This source code was highlighted with Source Code Highlighter .

परिणाम पृष्ठ विवरण खोजें

package my.tests.simplefunctest



import geb.Page



class FunctionalTestingWikiPage extends Page {



static at = { $().text().contains( " " ) }

}



* This source code was highlighted with Source Code Highlighter .

मुझे उम्मीद है कि यहां सब कुछ स्पष्ट है।

वास्तव में परीक्षण शुरू करो

अब चलो सबसे दिलचस्प भाग पर चलते हैं, जिसके लिए हम सभी ने इसे शुरू किया, अर्थात्, परीक्षणों की शुरुआत के लिए।

कमांड प्रॉम्प्ट पर, उस प्रोजेक्ट की रूट डायरेक्टरी में जिसे आपको चलाने की आवश्यकता है:

mvn clean test



* This source code was highlighted with Source Code Highlighter .

बिंगो! फ़ायर्फ़ॉक्स आपके स्थान पर शुरू होना चाहिए (यह परीक्षणों के लिए डिफ़ॉल्ट ब्राउज़र के रूप में कॉन्फ़िगर किया गया है) और पूरा (आपकी भागीदारी के बिना (>)) जो हमने इरादा किया था।



शायद फ़ायरफ़ॉक्स आपके लिए पर्याप्त नहीं होगा और आप IE में परीक्षण चलाने के लिए जाते हैं (इसके लिए एक विशेष प्रोफ़ाइल कॉन्फ़िगर किया गया है):

mvn clean test



* This source code was highlighted with Source Code Highlighter .

या शायद क्रोम में:

mvn clean test -P chrome



* This source code was highlighted with Source Code Highlighter .

निष्कर्ष

मैं पुस्तकालयों के विवरण के साथ अपने आप को या आप पर बोझ नहीं डालूंगा - उसके पास इन पुस्तकालयों की साइटों पर पर्याप्त है, लेकिन बस अनुशंसा करते हैं कि आप परियोजना को भंडार से चुनें और इसे स्वयं आज़माएं।

महत्वपूर्ण लिंक

• लेख जिसने मुझे कार्यात्मक वेब परीक्षण के भविष्य के इस मुद्दे का अध्ययन करने के लिए प्रेरित किया?
• Geb पर भव्य मैनुअल: Geb की पुस्तक
• मार्कमेल पर Geb द्वारा मेलिंग सूचियों की असामान्य पठनीयता
• एसवीएन में परियोजना की समीक्षा की
• आधिकारिक Geb वेबसाइट
• आधिकारिक स्पॉक वेबसाइट
• कंसोल स्पॉक वेब कंसोल के साथ खेलने के लिए कंसोल