Electron डेस्कटॉप ऐप विकास · पाठ

Playwright के साथ आधुनिक E2E परीक्षण

Playwright का उपयोग करके अपने Electron ऐप का आरंभ से अंत तक परीक्षण कीजिए। यह Spectron का आधुनिक उत्तराधिकारी है और वास्तविक विंडो को स्वचालित करके UI व्यवहार पर दावे जाँचता है।

पाठ 4, कुल 4 में से13 चरण

Playwright के साथ आधुनिक E2E परीक्षण, CoddyKit पर Electron डेस्कटॉप ऐप विकास का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Electron डेस्कटॉप ऐप विकास सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Electron डेस्कटॉप ऐप विकास पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

Electron के लिए Playwright क्यों

Spectron अब अप्रचलित है। Playwright में Electron का प्रथम-श्रेणी समर्थन है और यह आपके वास्तविक ऐप को उसी तरह चलाता है जैसे कोई उपयोगकर्ता चलाएगा।

Playwright इंस्टॉल करना

Playwright को विकास निर्भरता के रूप में जोड़ें। इसका परीक्षण रनर और Electron लॉन्चर पहले से साथ आते हैं।

npm install --save-dev @playwright/test

ऐप लॉन्च करना

पैकेज किए गए या स्रोत ऐप को परीक्षण नियंत्रण में शुरू करने के लिए _electron.launch का उपयोग करें।

const { _electron: electron } = require('playwright');
const app = await electron.launch({ args: ['.'] });

पहली विंडो प्राप्त करना

firstWindow() रेंडरर पेज लौटाता है, ताकि आप DOM के साथ इंटरैक्ट कर सकें।

const window = await app.firstWindow();
await window.waitForLoadState('domcontentloaded');

एलिमेंट ढूँढना

कमज़ोर CSS चयनकर्ताओं के बजाय भूमिकाओं और लेबल पर आधारित मजबूत लोकेटर का उपयोग करें।

function selectorFor(role, name) {
  return 'role=' + role + '[name="' + name + '"]';
}
console.log(selectorFor('button', 'Save'));

यूआई के साथ इंटरैक्ट करना

उपयोगकर्ता की तरह क्लिक करें, टाइप करें और दावे जाँचें।

await window.fill('#title', 'My Note');
await window.click('text=Save');

दावे जाँचना

स्वचालित प्रतीक्षा वाले मैचर के साथ expect का उपयोग करें, ताकि समय-संबंधी अस्थिर समस्याएँ समाप्त हो जाएँ।

await expect(window.locator('.toast')).toHaveText('Saved');

मुख्य प्रक्रिया में मूल्यांकन करना

Playwright app.evaluate के माध्यम से मुख्य प्रक्रिया में कोड चला सकता है, जिससे आप ऐप की स्थिति पर दावे जाँच सकते हैं।

const isPackaged = await app.evaluate(({ app }) => app.isPackaged);

स्क्रीनशॉट लेना

दृश्य रूप से डीबग करने के लिए विफलता पर स्क्रीनशॉट कैप्चर करें। कॉन्फ़िगर किए जाने पर Playwright यह काम अपने-आप करता है।

await window.screenshot({ path: 'failure.png' });

साफ़-सुथरे ढंग से बंद करना

प्रक्रियाओं के लीक होने से बचने के लिए हर परीक्षण के बाद ऐप को हमेशा बंद करें।

await app.close();

CI में चलाना

हर पुश पर CI में E2E परीक्षण बिना यूआई के चलाएँ। आवश्यकता होने पर Linux रनर में वर्चुअल डिस्प्ले का उपयोग करें।

त्वरित जाँच

Playwright के बारे में अपनी जानकारी जाँचें।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

आपने Playwright के साथ आधुनिक E2E परीक्षण सीखा: ऐप लॉन्च करना, विंडो प्राप्त करना, मजबूत लोकेटर का उपयोग करना, स्वचालित प्रतीक्षा वाले मैचर से दावे जाँचना, मुख्य प्रक्रिया की स्थिति का मूल्यांकन करना और CI में चलाना।

शुरुआत निःशुल्क

एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 12
पाठ: 47

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “Playwright के साथ आधुनिक E2E परीक्षण” पाठ निःशुल्क है?

हाँ—“Playwright के साथ आधुनिक E2E परीक्षण” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Electron डेस्कटॉप ऐप विकास पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Electron डेस्कटॉप ऐप विकास पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“Playwright के साथ आधुनिक E2E परीक्षण” में मैं क्या सीखूँगा?

Playwright का उपयोग करके अपने Electron ऐप का आरंभ से अंत तक परीक्षण कीजिए। यह Spectron का आधुनिक उत्तराधिकारी है और वास्तविक विंडो को स्वचालित करके UI व्यवहार पर दावे जाँचता है। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Electron डेस्कटॉप ऐप विकास का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Electron डेस्कटॉप ऐप विकास शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Electron डेस्कटॉप ऐप विकास शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“Playwright के साथ आधुनिक E2E परीक्षण” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Electron डेस्कटॉप ऐप विकास पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Electron डेस्कटॉप ऐप विकास पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Electron डेस्कटॉप ऐप विकास पर वापस जाएँ