हम कुछ घंटों में स्वचालन को तैनात करते हैं: टाइपस्क्रिप्ट, प्रोट्रेक्टर, जैस्मीन

नमस्कार, हेब्र!

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

मैं केवल अंग्रेजी में सबसे उपयोगी और समझदार मैनुअल खोजने में कामयाब रहा। मैंने फैसला किया कि रूसी में मुझे भी ऐसा करने की जरूरत है। मैं केवल आपको मूल बातें बताऊंगा: ऐसा स्टैक क्यों, आपको क्या कॉन्फ़िगर करने की आवश्यकता है, और सबसे सरल परीक्षण कैसा दिखता है।

मुझे तुरंत कहना होगा कि मैं शायद ही कभी NodeJS, npm और सर्वर-साइड जावास्क्रिप्ट के साथ सामान्य रूप से काम करता हूं (विशेष रूप से टाइपस्क्रिप्ट के साथ)। अगर आपको कहीं शब्दावली में कोई गलती दिखती है या मेरे कुछ फैसलों में सुधार किया जा सकता है, तो मुझे इसके बारे में और अधिक अनुभवी लोगों की टिप्पणियों के बारे में जानकर खुशी होगी।

वैसे, मेरे पास पहले से ही एक समान लेख था: "हम कुछ घंटों में स्वचालन को तैनात करते हैं: PHPUnit, सेलेनियम, कम्पोजिट" ।

कार्य

सबसे पहले, आइए जानें कि हम किस समस्या को हल कर रहे हैं। हमारे पास AngularJS का उपयोग करके लिखा गया एक वेब एप्लिकेशन है। यह एक जावास्क्रिप्ट ढांचा है जिसके आधार पर अक्सर वेब प्रोजेक्ट लिखे जाते हैं।

इस लेख में, हम AngularJS परियोजनाओं के पेशेवरों और विपक्षों पर विचार नहीं करेंगे। उनके लिए e2e परीक्षण लिखने के संदर्भ में ऐसी परियोजनाओं की विशेषताओं के बारे में केवल कुछ शब्द।

परीक्षण स्वचालन का एक महत्वपूर्ण पहलू पृष्ठ तत्वों के साथ काम कर रहा है, जो स्थानीय लोगों की मदद से होता है। एक लोकेटर कुछ नियमों के अनुसार और यूआई तत्व की पहचान करने वाली एक पंक्ति है: एक या अधिक।

वेब के लिए, CSS और Xpath का सबसे अधिक उपयोग किया जाता है। कभी-कभी, यदि पृष्ठ पर एक विशिष्ट आईडी वाला कोई तत्व है, तो आप इसके द्वारा खोज सकते हैं। हालांकि, मुझे ऐसा लगता है कि वेबड्राइवर अभी भी इस आईडी को अंत में एक सीएसएस लोकेटर में बदल देता है और पहले से ही इसके साथ काम कर रहा है।

अगर हम कुछ AngularJS प्रोजेक्ट के HTML कोड को देखते हैं, तो हम उन तत्वों के लिए बहुत सारे गुण देखेंगे जो शास्त्रीय HTML में नहीं हैं:



कोड प्रोट्रैक्टर-डेमो पेज से लिया गया है।

Ng- * से शुरू होने वाली सभी विशेषताओं का उपयोग AngularJS द्वारा UI के साथ काम करने के लिए किया जाता है। एक काफी विशिष्ट स्थिति तब होती है जब इन नियंत्रण विशेषताओं के अलावा अन्य तत्वों का कोई अन्य नहीं होता है, जो गुणवत्ता वाले लोकेटरों को संकलित करने की प्रक्रिया को जटिल बनाता है।

जिन लोगों ने बहुत अधिक स्वचालन किया है, वे ऐसे यूआई के मूल्य के बारे में जानते हैं जिनके लिए लोकेटर आसानी से बनाया जा सकता है। आखिरकार, बड़ी परियोजनाओं के लिए यह दुर्लभ है। :)

दरअसल, यहां ऐसी परियोजना के लिए हमें परीक्षण स्वचालन को कॉन्फ़िगर करने की आवश्यकता है। चलो चलते हैं!

क्या है?

सबसे पहले, आइए जानें कि हमारे स्टैक के प्रत्येक घटक की आवश्यकता क्यों है।

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

यह ढांचा विशेष रूप से AngularJS परियोजनाओं के लिए तैयार किया गया है। यह स्थानीय लोगों को निर्दिष्ट करने के लिए अतिरिक्त तरीके प्रदान करता है:

element(by.model('first')); element(by.binding('latest')); element(by.repeater('some')); 

एक पूरी सूची मैनुअल पेज पर पाई जा सकती है।

ये विधियां एक परियोजना पर लोकेटर के निर्माण और समर्थन को सरल बनाती हैं। हालांकि, आपको यह समझना चाहिए कि "हुड के तहत" यह सब किसी भी मामले में सीएसएस में बदल जाता है। तथ्य यह है कि W3C प्रोटोकॉल, जिसके आधार पर वेबड्राइवर में इंटरैक्शन होता है, केवल स्थानीय लोगों के सीमित सेट के साथ काम कर सकता है। इस सूची को w3.org पर देखा जा सकता है।

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

वी 8 इंजन के साथ काम करने के लिए टीएस कोड में लिखा गया जेएस कोड में अनुवादित किया गया है, जो पहले से ही निष्पादित है। इस परिवर्तन के दौरान, अनुपालन के लिए कोड की जाँच की जाती है। उदाहरण के लिए, यह "संकलित" नहीं करता है, यदि इंट के बजाय, एक स्ट्रिंग को स्पष्ट रूप से फ़ंक्शन में कहीं पास किया जाता है।

जैस्मिन जावास्क्रिप्ट कोड के परीक्षण के लिए एक रूपरेखा है। वास्तव में, यह उसके लिए धन्यवाद है कि हमारा जेएस कोड उस चीज में बदल जाता है जिसे हम परीक्षण कहते थे। वह इन परीक्षणों का प्रबंधन करता है।

नीचे हम इसकी क्षमताओं को देखते हैं।

विधानसभा और परियोजना सेटअप

खैर, हमने फ्रेमवर्क के एक सेट पर फैसला किया, अब इस पूरी चीज़ को एक साथ रखते हैं।

कोड के साथ काम करने के लिए, मैंने Microsoft से विजुअल स्टूडियो कोड चुना। हालांकि कई WebBorm या JetBrains से Intellij Idea में भी लिखते हैं।

मैंने पहले ही NodeJS (v11.6.0) और NPM (6.9.0) स्थापित कर लिया है। यदि आपके पास नहीं है, तो यह कोई समस्या नहीं है, उन्हें स्थापित करना मुश्किल नहीं होगा। आधिकारिक वेबसाइट पर पर्याप्त विवरण में सब कुछ वर्णित है।

एनपीएम के बजाय यार्न का उपयोग किया जा सकता है, हालांकि यह एक छोटी परियोजना के लिए महत्वपूर्ण नहीं है।

हमारे आईडीई में हम एक नई परियोजना बना रहे हैं। हम परियोजना की जड़ में package.json बनाते हैं - यह इस में है कि हम उन सभी पैकेजों का वर्णन करेंगे जो हमें परियोजना के लिए चाहिए।

आप इसे npm init कमांड का उपयोग करके बना सकते हैं। या आप बस किसी फ़ाइल में सामग्री की प्रतिलिपि बना सकते हैं।

प्रारंभ में, पैकेज। इस तरह दिखता है:

 { "name": "protractor", "dependencies": { "@types/node": "^10.5.2", "@types/jasmine": "^3.3.12", "protractor": "^5.4.2", "typescript": "^3.4.1" } } 

उसके बाद हम सभी आवश्यक मॉड्यूल और उनकी निर्भरता को स्थापित करने के लिए एनपीएम इंस्टॉलेशन कमांड को निष्पादित करते हैं (अच्छी तरह से, आपको किसी चीज़ के बारे में बहुत तस्वीर याद है जो एक ब्लैक होल से भारी है ...)

नतीजतन, हमारे पास एक नोड_मॉड्यूल निर्देशिका होनी चाहिए। यदि वह दिखाई देती है, तो सब कुछ योजना के अनुसार होता है। यदि नहीं, तो यह कमांड निष्पादन के परिणाम को देखने के लायक है, आमतौर पर वहां सब कुछ काफी विस्तार से वर्णित है।

टाइपस्क्रिप्ट और उसका विन्यास

टाइपस्क्रिप्ट स्थापित करने के लिए, हमें npm की आवश्यकता है:

 npm install -g typescript 

सुनिश्चित करें कि यह स्थापित है:

 $ tsc -v Version 3.4.1 

सब कुछ क्रम में लगता है।

अब हमें टीएस के साथ काम करने के लिए एक कॉन्फ़िगरेशन बनाने की आवश्यकता है। यह परियोजना के मूल में भी होना चाहिए और इसे tsconfig.json कहा जाना चाहिए

इसकी सामग्री इस प्रकार होगी:

 { "compilerOptions": { "lib": ["es6"], "strict": true, "outDir" : "output_js", "types" : ["jasmine", "node"] }, "exclude": [ "node_modules/*" ] } 

संक्षेप में, हमने इस विन्यास में निम्नलिखित निर्दिष्ट किया है:

• अंतिम जेएस-कोड डालने के लिए किस निर्देशिका में (हमारे मामले में यह output_js है)
• सख्त मोड सक्षम करें
• संकेत दिया कि हम किन रूपरेखाओं के साथ काम कर रहे हैं
• संकलन से निकले नोड_मॉड्यूल्स

टीएस में सेटिंग्स की एक विशाल विविधता है। ये हमारी परियोजना के लिए पर्याप्त हैं। आप typecriptlang.org पर अधिक जान सकते हैं।

अब देखते हैं कि tsc कमांड कैसे काम करता है , जो हमारे TS कोड को JS कोड में बदल देगा। ऐसा करने के लिए, निम्न सामग्रियों के साथ एक साधारण check_tsc.ts फ़ाइल बनाएं:

 saySomething("Hello, world!"); function saySomething(message: string) { console.log(message); } 

और फिर tsc कमांड को निष्पादित करें (इसके लिए आपको प्रोजेक्ट डायरेक्टरी के अंदर होना चाहिए)।

हम देखेंगे कि हमारे पास output_js निर्देशिका है और इसी तरह की js फ़ाइल निम्नलिखित सामग्री के साथ अंदर दिखाई दी है:

 "use strict"; saySomething("Hello, world!"); function saySomething(message) { console.log(message); } 

यह फ़ाइल नोड कमांड का उपयोग करके पहले ही लॉन्च की जा सकती है:

 $ node output_js/check_tsc.js Hello, world! 

इसलिए, हमने अपना पहला टाइपसिप्ट कार्यक्रम लिखा, बधाई। चलिए अब टेस्ट लिखते हैं। :)

प्रतिक्षेपक विन्यास

प्रोटेक्टर के लिए हमें एक विन्यास की भी आवश्यकता होती है। लेकिन यह अब json के रूप में नहीं होगा, बल्कि ts-file के रूप में होगा। चलो इसे config.ts कहते हैं और निम्नलिखित कोड वहां लिखें:

 import { Config } from "protractor"; export const config: Config = { seleniumAddress: "http://127.0.0.1:4444/wd/hub", SELENIUM_PROMISE_MANAGER: false, capabilities: { browserName: "chrome", /*chromeOptions: { args: [ "--headless", "--window-size=800,600" ] }*/ }, specs: [ "Tests/*Test.js", ] }; 

इस फ़ाइल में हमने निम्नलिखित निर्दिष्ट किया है:

सबसे पहले, चल रहे सेलेनियम सर्वर का पथ। यह चलाने के लिए काफी सरल है, आपको बस स्टैंडअलोन सर्वर जार फ़ाइल और आवश्यक ड्राइवरों को डाउनलोड करने की आवश्यकता है (उदाहरण के लिए, क्रोम ब्राउज़र के लिए क्रोम ड्राइवर)। अगला, निम्नलिखित कमांड लिखें:

 java -jar -Dwebdriver.chrome.driver=/path/to/chromedriver /path/to/selenium-server-standalone.jar 

परिणामस्वरूप, हमें निम्नलिखित निष्कर्ष देखना चाहिए:

 23:52:41.691 INFO [GridLauncherV3.launch] - Selenium build info: version: '3.11.0', revision: 'e59cfb3' 23:52:41.693 INFO [GridLauncherV3$1.launch] - Launching a standalone Selenium Server on port 4444 2019-05-02 23:52:41.860:INFO::main: Logging initialized @555ms to org.seleniumhq.jetty9.util.log.StdErrLog 23:52:42.149 INFO [SeleniumServer.boot] - Welcome to Selenium for Workgroups.... 23:52:42.149 INFO [SeleniumServer.boot] - Selenium Server is up and running on port 4444 

पोर्ट 4444 डिफ़ॉल्ट है। इसे -port पैरामीटर या config पैरामीटर "seleniumArgs" => "-port" के माध्यम से सेट किया जा सकता है।

यदि आप आसान और तेज़ चाहते हैं: आप npm पैकेज वेबड्राइवर-मैनेजर डाउनलोड कर सकते हैं।

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

दूसरे , हमने संकेत दिया कि हम वादा प्रबंधक का उपयोग नहीं करना चाहते हैं। इसके बारे में बाद में।

तीसरा , हमने अपने ब्राउज़र के लिए क्षमताएं निर्दिष्ट कीं । उदाहरण के लिए, मैंने एक भाग पर टिप्पणी की, कि हम ब्राउज़र को हेडलेस मोड में आसानी से लॉन्च कर सकते हैं। यह एक अच्छी सुविधा है, लेकिन यह आपको हमारे परीक्षणों का अवलोकन करने की अनुमति नहीं देगा। इस बीच, हम सिर्फ सीख रहे हैं - मैं चाहूंगा। :)

चौथा , हमने ऐनक (परीक्षण) के लिए एक मुखौटा निर्दिष्ट किया। सब कुछ जो टेस्ट फ़ोल्डर में निहित है और Test.js. के साथ समाप्त होता है Js पर, ts क्यों नहीं? ऐसा इसलिए है क्योंकि अंत में, नोड विशेष रूप से जेएस फाइलों के साथ काम करेगा, न कि टीएस फाइलों के साथ। यह महत्वपूर्ण है कि भ्रमित न हों, खासकर काम की शुरुआत में।

अब टेस्ट फोल्डर बनाएं और पहला टेस्ट लिखें। वह निम्नलिखित कार्य करेगा:

• यह जाँचने में अक्षम करता है कि यह एक कोणीय पृष्ठ है। इसके बिना, हमें यह त्रुटि संदेश मिलता है: TestForAngular चलाते समय त्रुटि। बेशक, कोणीय-पृष्ठों के लिए यह चेक बंद करने के लिए आवश्यक नहीं है।
• Google पेज पर जाता है।
• जांचें कि एक पाठ इनपुट फ़ील्ड है।
• "प्रोट्रेक्टर" पाठ दर्ज करें।
• सबमिट बटन पर क्लिक करें (इसमें एक अधिक जटिल लोकेटर है, क्योंकि दो बटन हैं और पहले वाला अदृश्य है)।
• यह उम्मीद की जाएगी कि URL में "प्रोट्रैक्टर" शब्द होगा - इसका मतलब है कि हमने सब कुछ सही किया और खोज शुरू हुई।

यहाँ कोड मुझे मिला है:

 import { browser, by, element, protractor } from "protractor"; describe('Search', () => { it('Open google and find a text', async () => { //       let EC = protractor.ExpectedConditions; //    AngularJS await browser.waitForAngularEnabled(false); //   Google await browser.get('https://www.google.com/'); //    css = input[role='combobox'] let input_button = element(by.css("input[role='combobox']")); //     ( presenceOf) await browser.wait(EC.presenceOf(input_button), 5000); //     “protractor” await input_button.sendKeys("protractor"); //      css let submit_button = element(by.css(".FPdoLc input[type='submit'][name='btnK']")); //      ( ,     input-,   ) await browser.wait(EC.presenceOf(submit_button), 5000); //     await submit_button.click(); // ,  URL    'protractor' await browser.wait(EC.urlContains('protractor'), 5000); }); }); 

कोड में, हम देखते हैं कि सब कुछ विवरण () फ़ंक्शन से शुरू होता है। वह जैस्मीन ढांचे से हमारे पास आई। यह हमारी स्क्रिप्ट के लिए एक आवरण है। इसके अंदर, सभी परीक्षणों से पहले और प्रत्येक परीक्षण से पहले किसी भी जोड़तोड़ को करने के लिए पहले () और उससे पहले () के कार्य हो सकते हैं। इसके जितने भी कार्य हैं (वास्तव में), हमारे परीक्षण। अंत में, यदि परिभाषित किया गया है, afterAll () और afterEach () को प्रत्येक परीक्षण और सभी परीक्षणों के बाद जोड़तोड़ के लिए निष्पादित किया जाएगा।

मैं जैस्मीन की सभी विशेषताओं के बारे में बात नहीं करूंगा, आप उनके बारे में वेबसाइट jasmine.imtqy.com पर पढ़ सकते हैं

हमारे परीक्षण को चलाने के लिए, आपको सबसे पहले TS कोड को JS कोड में बदलना होगा, और फिर उसे चलाना होगा:

 $ tsc $ protractor output_js/config.js 

हमारी परीक्षा शुरू हुई - हम महान हैं। :)



यदि परीक्षण शुरू नहीं हुआ, तो यह जाँचने योग्य है:

• यह कोड सही ढंग से लिखा गया है। सामान्य तौर पर, यदि कोड में महत्वपूर्ण त्रुटियां हैं, तो हम उन्हें tsc कमांड के दौरान पकड़ लेंगे।
• वह सेलेनियम सर्वर चल रहा है। ऐसा करने के लिए, आप URL http: //127.0.0.1-00-00444/wd/hub खोल सकते हैं - सेलेनियम-सत्र के लिए एक इंटरफ़ेस होना चाहिए।
• क्रोम क्रोम ड्राइवर के डाउनलोड किए गए संस्करण के साथ सामान्य रूप से शुरू होता है। ऐसा करने के लिए, wd / हब / पृष्ठ पर, सत्र बनाएँ पर क्लिक करें और क्रोम का चयन करें। यदि यह शुरू नहीं होता है, तो आपको क्रोम को अपडेट करने की आवश्यकता है, या क्रोम-ड्राइवर का दूसरा संस्करण डाउनलोड करना होगा।
• यदि यह सब विफल हो जाता है, तो आप सत्यापित कर सकते हैं कि npm स्थापित कमांड सफलतापूर्वक पूरा हो गया है।
• अगर सब कुछ सही लिखा गया है, लेकिन फिर भी कुछ भी शुरू नहीं होता है - त्रुटि को Google करने का प्रयास करें। यह अक्सर मदद करता है। :)

एनपीएम स्क्रिप्ट

जीवन को आसान बनाने के लिए, आप npm उपनामों का हिस्सा बना सकते हैं। उदाहरण के लिए, मैं पिछली जेएस फाइलों के साथ निर्देशिका को हटाना चाहूंगा और प्रत्येक परीक्षण चलाने से पहले इसे नए लोगों के साथ फिर से बनाऊंगा।

ऐसा करने के लिए, स्क्रिप्ट आइटम को package.json में जोड़ें:

 { "name": "protractor", "scripts": { "test": "rm -rf output_js/; tsc; protractor output_js/config.js" }, "dependencies": { "@types/node": "^10.5.2", "@types/jasmine": "^3.3.12", "protractor": "^5.4.2", "typescript": "^3.4.1" } } 

अब npm परीक्षण कमांड में प्रवेश करने के बाद निम्न होगा: पुराने कोड के साथ output_js निर्देशिका हटा दी जाएगी, इसे नए सिरे से बनाया जाएगा और एक नया JS कोड लिखा जाएगा। जिसके बाद तुरंत परीक्षण शुरू हो जाएंगे।

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

वादा के बारे में थोड़ा

अंत में, मैं वादा, async / प्रतीक्षा के बारे में थोड़ी बात करूंगा और NodeJS में परीक्षणों का लेखन एक ही जावा या पायथन से कैसे भिन्न होता है।

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

वादा (आमतौर पर "वादे" कहा जाता है) अतुल्यकालिक कोड को व्यवस्थित करने के लिए एक सुविधाजनक तरीका प्रदान करता है। आप उनके बारे में अधिक जान सकते हैं learn.javascript.ru पर ।

वास्तव में, ये ऑब्जेक्ट हैं जो एक कोड को दूसरे के निष्पादन पर निर्भर करते हैं, जिससे एक निश्चित ऑर्डर की गारंटी होती है। इन वस्तुओं के साथ प्रोटेक्टर बहुत सक्रिय रूप से काम करता है।

आइए एक उदाहरण देखें। मान लें कि हम निम्नलिखित कोड निष्पादित करते हैं:

 driver.findElement().getText(); 

जावा में, हम हमसे स्ट्रिंग के प्रकार की एक वस्तु वापस करने की उम्मीद करते हैं। प्रोटेक्टर में, यह काफी नहीं है, हम एक वादा वस्तु वापस करेंगे। और ऐसे ही, इसे डीबग के लक्ष्य के साथ प्रिंट करने से काम नहीं चलेगा।

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

प्रोट्रैक्टर में भी इसी तरह के तरीके प्रॉमिस ऑब्जेक्ट को इनपुट के रूप में स्वीकार करते हैं, इसलिए कोई समस्या नहीं है। लेकिन, यदि आप अभी भी मूल्य देखना चाहते हैं, तो () काम आएगा।

यह है कि हम Google पृष्ठ पर बटन पाठ कैसे प्रिंट कर सकते हैं (ध्यान दें कि यह एक बटन है, पाठ मूल्य विशेषता के अंदर है):

 //   let submit_button = element(by.css(".FPdoLc input[type='submit'][name='btnK']")); //    await browser.wait(EC.presenceOf(submit_button), 5000); //   then()   await submit_button.getAttribute("value").then((text) => { console.log(text); }); 

एसिंक्स / वेट कीवर्ड के लिए, यह एसिंक्रोनस कोड के साथ काम करने के लिए थोड़ा नया दृष्टिकोण है। यह आपको वादा नरक से बचने की अनुमति देता है, जो पहले बड़ी संख्या में घोंसले के शिकार होने के कारण कोड में बनाई गई थी। फिर भी, आप पूरी तरह से वादा से छुटकारा पाने में सक्षम नहीं होंगे और आपको उनके साथ काम करने में सक्षम होना चाहिए। यह समझ में आता है और विस्तृत लेख में पाया जा सकता है डिजाइन async / इंतजार में जावास्क्रिप्ट: ताकत, नुकसान और उपयोग की विशेषताएं ।

घर का पाठ

एक होमवर्क के रूप में, मैं AngularJS में लिखे पृष्ठ के लिए परीक्षण लिखने का सुझाव देता हूं: प्रोट्रैक्टर-डेमो ।

AngularJS पर पेज चेकिंग को बंद करने के बारे में कोड से लाइन हटाना न भूलें। और विशेष रूप से AngularJS के लिए डिज़ाइन किए गए लोकेटर के साथ काम करना सुनिश्चित करें। इसमें कोई विशेष जादू नहीं है, लेकिन यह काफी सुविधाजनक है।

परिणाम

जायजा लेते हैं। हम टाइपस्क्रिप्ट + प्रोटेक्टर + जैस्मीन के एक समूह पर काम करने वाले परीक्षण लिखने में कामयाब रहे। हमने सीखा कि इस तरह की परियोजना का निर्माण कैसे करें, आवश्यक कॉन्फ़िगरेशन बनाएं, और पहला परीक्षण लिखा।

रास्ते में, हमने जावास्क्रिप्ट ऑटो-टेस्ट के साथ काम करने के बारे में थोड़ी चर्चा की। यह कुछ घंटों के लिए अच्छा लगता है। :)

क्या पढ़ना है, कहां देखना है

Protractor में जावास्क्रिप्ट उदाहरणों के साथ एक बहुत अच्छा मैनुअल है: https://www.protractortest.org/#/tutorial
जैस्मिन के पास एक मैनुअल है: https://jasmine.imtqy.com/pages/docs_home.html
TypeScipt की शुरुआत अच्छी है: https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html

मध्यम पर, टाइपस्क्रिप्ट + प्रोटेक्टर + ककड़ी के बारे में अंग्रेजी में एक अच्छा लेख है: https://medium.com/@igniteram/e2e-testing-with-protractor-cucumber-use-typescript-564575814e4a

और मेरी रिपॉजिटरी में मैंने इस लेख में चर्चा की गई अंतिम कोड को पोस्ट किया: https://github.com/KotovVitaliy/HarbProtractorJasmineJasmine ।

इंटरनेट पर आप इस ढेर पर अधिक जटिल और बड़ी परियोजनाओं के उदाहरण पा सकते हैं।

आपका ध्यान के लिए धन्यवाद! :)