मैनुअल से स्वचालित तक: नाटककार के साथ अपना पहला टेस्ट लिखें

नाटककार के साथ स्वचालन परीक्षण

स्वचालन परीक्षण हर दिन लोकप्रियता प्राप्त कर रहा है, और इसमें मास्टर बनने में आपकी सहायता के लिए कई टूल उपलब्ध हैं। कभी-कभी सबसे कठिन हिस्सा सही को चुनना होता है।

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

नाटककार स्थापित करना

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

 npm install playwright

हमारा पहला परीक्षण लिख रहा है 🍾

परीक्षण मामला

1. google.com लॉन्च करें
2. नाटककार खोजें
3. खोज के बाद शीर्षक में नाटककार की जाँच करें
4. ब्राउज़र बंद करें

आइए पहले अपने टेस्ट का आर्किटेक्चर लिखना शुरू करें।

 const { chromium } = require('playwright'); describe('Google Search Test', () => { let browser; let page; beforeAll(async () => { }); afterAll(async () => { }); it('should return result search in google ', async () => { }); });

सभी परीक्षणों से पहले हमेशा एक बार पहले होता है। वास्तविक परीक्षणों से पहले परीक्षण आवश्यकताओं को सेट अप करने के लिए उपयोग करना काफी आसान है। उदाहरण के लिए, एपीआई के माध्यम से परीक्षणों के लिए डेटा उत्पन्न करें या उन चरों को आरंभ करें जिनका आप परीक्षणों में उपयोग करेंगे।

afterAll के पास पहले के समान ही विचार है।

यह सभी परीक्षणों के बाद केवल एक बार होता है। परीक्षण चलाने के बाद आप ब्राउज़र को बंद करने या डेटा को साफ करने के लिए कुछ क्रियाएं करने के लिए उपयोग कर सकते हैं।

ब्राउज़र और पेज के साथ बाद में काम करने के लिए हमें इन चरों की आवश्यकता है।

 let browser; let page;

यह एक परीक्षण निकाय है, जहाँ हम अपनी वास्तविक परीक्षा लिखेंगे।

 it('should return result search in google ', async () => { });

आइए सभी के अंदर एक ब्राउज़र खोलना जोड़ें

 beforeAll(async () => { browser = await chromium.launch(); // here you can use any other browser if you want page = await browser.newPage(); await page.goto('https://www.google.com'); });

सबसे पहले हमने क्रोम लॉन्च किया और google.com पर नेविगेट किया।

आइए एक परीक्षण निकाय जोड़ें

 it('should return search results', async () => { await page.fill('id=input', 'Automation testing'); // you an search any other text here await page.press('id=input', 'Enter'); await page.waitForNavigation(); const title = await page.title(); expect(title).toContain('Automation testing'); });

हमारा परिणाम ⬆️

1. हम एक पृष्ठ पर इनपुट पाते हैं और वहां नाटककार लिखते हैं। fill एक विधि है जिसका उपयोग आप आमतौर पर उस इनपुट में मान दर्ज करने के लिए करेंगे जिसका आप परीक्षण करना चाहते हैं।

 await page.fill('id=input', 'Automation testing');

2. जब हम इस इनपुट के अंदर होते हैं तो हम एंटर दबाने का अनुकरण करते हैं।

 await page.press('id=input', 'Enter');

3. हम पेज लोड होने तक प्रतीक्षा करते हैं। इसलिए पेज पूरी तरह से लोड होने से पहले हम परीक्षण जारी नहीं रखेंगे।

 await page.waitForNavigation();

4. अंत में, हम खोज परिणाम पृष्ठ का शीर्षक पुनः प्राप्त करने के लिए title फ़ंक्शन का उपयोग करते हैं।

 const title = await page.title();

5. अभिकथन का उपयोग करके हम जांचते हैं कि क्या शीर्षक में नाटककार (या कोई अन्य स्ट्रिंग है जिसे हम यह पुष्टि करने के लिए खोज रहे थे कि हमने सही पृष्ठ पर रीडायरेक्ट किया है)

 expect(title).toContain('Automation testing');

आफ्टरऑल के अंदर ब्राउजर को क्लोजिंग ऐड करते हैं

 afterAll(async () => { await browser.close(); });

आफ्टरऑल के अंदर हम सभी टेस्ट के बाद ब्राउजर को बंद कर देते हैं

अपना परीक्षण चला रहा है

यह आपके सभी परीक्षण चलाएगा

 npx playwright test

यदि आप एक विशिष्ट परीक्षण फ़ाइल चलाना चाहते हैं

 npx playwright test your-file.js

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

अपनी रिपोर्ट खोलने के लिए इसे चलाएँ

 npx playwright show-report

इस लेख की मुख्य छवि हैकरनून केएआई इमेज जेनरेटर द्वारा "डेवलपर राइटिंग कोड" प्रॉम्प्ट के माध्यम से तैयार की गई थी।