एंगुलर कंपोनेंट टेस्ट हार्नेस के लिए समर्थन सेवा

@badisi/wdio-harness एक तृतीय पक्ष पैकेज है, अधिक जानकारी के लिए देखें GitHub | npm

@badisi/wdio-harness

🔬 WebdriverIO एंगुलर कंपोनेंट टेस्ट हार्नेस के लिए समर्थन।

---

कंपोनेंट टेस्ट हार्नेस

कंपोनेंट हार्नेस एक क्लास है जो टेस्ट को समर्थित API के माध्यम से कंपोनेंट के साथ इंटरैक्ट करने की अनुमति देती है। प्रत्येक हार्नेस का API उसी तरह से कंपोनेंट के साथ इंटरैक्ट करता है जैसे कोई उपयोगकर्ता करेगा। हार्नेस API का उपयोग करके, एक टेस्ट स्वयं को कंपोनेंट के आंतरिक अपडेट से अलग रखता है, जैसे कि इसकी DOM संरचना को बदलना। कंपोनेंट हार्नेस का विचार PageObject पैटर्न से आया है जो आमतौर पर इंटीग्रेशन टेस्टिंग के लिए उपयोग किया जाता है।

अधिक जानकारी

---

इंस्टॉलेशन

npm install @badisi/wdio-harness --save-dev

yarn add @badisi/wdio-harness --dev

उपयोग

मेथड्स

• createHarnessEnvironment(rootElement) - किसी दिए गए एलिमेंट से HarnessLoader इंस्टेंस प्राप्त करता है (डिफॉल्ट रूप से body)
• getHarness(harnessType, element) - दिए गए ComponentHarness क्लास और एलिमेंट से हार्नेस इंस्टेंस खोजता है
• getHarness(harnessType) - दिए गए ComponentHarness क्लास से हार्नेस इंस्टेंस खोजता है
• getHarness(query) - दिए गए HarnessPredicate से हार्नेस इंस्टेंस खोजता है
• getAllHarnesses(query) - getHarness की तरह कार्य करता है, लेकिन हार्नेस इंस्टेंस की एक सरणी लौटाता है
• waitForAngular() - Angular के बूटस्ट्रैपिंग समाप्त होने तक प्रतीक्षा करता है

उदाहरण

import { MatDatepickerInputHarness } from '@angular/material/datepicker/testing';
import { getHarness } from '@badisi/wdio-harness';

describe('Angular Material Harness', () => {
    beforeEach(async () => {
        await browser.url('http://localhost:4200');
    });

    it('MatDatePicker', async () => {
        const datepicker = await getHarness(MatDatepickerInputHarness.with({ selector: '#demo-datepicker-input' }));

        await datepicker.setValue('9/27/1954');
        expect(await datepicker.getValue()).withContext('Date should be 9/27/1954').toBe('9/27/1954');

        await datepicker.openCalendar();
        const calendar = await datepicker.getCalendar();
        await calendar.next();
        await calendar.selectCell({ text: '20' });
        expect(await datepicker.getValue()).withContext('Date should be 10/20/1954').toBe('10/20/1954');
    });
});

अधिक उदाहरण यहां।

विकास

डेवलपर डॉक्स देखें।

योगदान

> मदद करना चाहते हैं?

क्या आप कोई बग फाइल करना, कुछ कोड में योगदान देना या दस्तावेज़ीकरण सुधारना चाहते हैं? बहुत अच्छा!

लेकिन कृपया पहले योगदान के लिए दिशानिर्देशों को पढ़ें, और प्रस्तुति प्रक्रिया, कोडिंग नियमों और अधिक के बारे में जानें।

> आचार संहिता

कृपया आचार संहिता पढ़ें और उसका पालन करें और मुझे इस परियोजना को खुला और समावेशी रखने में मदद करें।