नाटककार के साथ स्वचालन परीक्षण हर दिन लोकप्रियता प्राप्त कर रहा है, और इसमें मास्टर बनने में आपकी सहायता के लिए कई टूल उपलब्ध हैं। कभी-कभी सबसे कठिन हिस्सा सही को चुनना होता है। स्वचालन परीक्षण अपने लचीलेपन और विशेष रूप से जावास्क्रिप्ट के उपयोग में आसानी के कारण लोकप्रियता हासिल करने वाला एक महान उपकरण है। नाटककार को यूआई-परीक्षण चलाने वाले सबसे तेज़ में से एक माना जाता है। इस लेख में, हम कोड उदाहरणों के साथ उपयोग करके नाटककार के साथ अपना पहला टेस्ट लिखने की प्रक्रिया पर चर्चा करेंगे। नाटककार जावास्क्रिप्ट का नाटककार स्थापित करना इससे पहले कि हम अपना पहला टेस्ट केस लिखना शुरू करें, आपको Playwright इंस्टॉल करना होगा। आप आईडीई के अंदर अपने टर्मिनल में निम्न कमांड चलाकर ऐसा कर सकते हैं। मैं स्थापित करने की भी सिफारिश करता हूं (यह आपके पहले परीक्षण बनाने के लिए मुफ़्त और बढ़िया है) वीएसकोड npm install playwright हमारा पहला परीक्षण लिख रहा है 🍾 परीक्षण मामला google.com लॉन्च करें नाटककार खोजें खोज के बाद शीर्षक में नाटककार की जाँच करें ब्राउज़र बंद करें आइए पहले अपने टेस्ट का आर्किटेक्चर लिखना शुरू करें। 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'); }); हमारा परिणाम ⬆️ हम एक पृष्ठ पर इनपुट पाते हैं और वहां नाटककार लिखते हैं। एक विधि है जिसका उपयोग आप आमतौर पर उस इनपुट में मान दर्ज करने के लिए करेंगे जिसका आप परीक्षण करना चाहते हैं। fill await page.fill('id=input', 'Automation testing'); जब हम इस इनपुट के अंदर होते हैं तो हम एंटर दबाने का अनुकरण करते हैं। await page.press('id=input', 'Enter'); हम पेज लोड होने तक प्रतीक्षा करते हैं। इसलिए पेज पूरी तरह से लोड होने से पहले हम परीक्षण जारी नहीं रखेंगे। await page.waitForNavigation(); अंत में, हम खोज परिणाम पृष्ठ का शीर्षक पुनः प्राप्त करने के लिए फ़ंक्शन का उपयोग करते हैं। title const title = await page.title(); अभिकथन का उपयोग करके हम जांचते हैं कि क्या शीर्षक में नाटककार (या कोई अन्य स्ट्रिंग है जिसे हम यह पुष्टि करने के लिए खोज रहे थे कि हमने सही पृष्ठ पर रीडायरेक्ट किया है) 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 इस लेख की मुख्य छवि हैकरनून के द्वारा "डेवलपर राइटिंग कोड" प्रॉम्प्ट के माध्यम से तैयार की गई थी। एआई इमेज जेनरेटर
