AskUI और ककड़ी का एक साथ उपयोग करें

सिस्टम के व्यवहार को गेरकिन जैसे संरचित प्रारूप में परिभाषित करके, व्यवहार-संचालित विकास (बीडीडी) टीमों को हितधारकों, परीक्षकों और डेवलपर्स के बीच अंतर को पाटने, गलतफहमी से बचने और पुनर्कार्य को कम करने में सक्षम बनाता है। एक सहयोगात्मक दृष्टिकोण के रूप में, बीडीडी सभी पक्षों को शुरू से ही एक साथ काम करने के लिए प्रोत्साहित करता है, यह सुनिश्चित करते हुए कि हर कोई साथ है
एक ही पृष्ठ और आवश्यकताओं को सटीकता से दर्ज किया गया है।

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

इस ब्लॉग पोस्ट में, हम आपको दिखाएंगे कि BDD सिद्धांतों का उपयोग करके AskUI वर्कफ़्लो को परिभाषित करने के लिए AskUI के साथ संयोजन में ककड़ी कैसे सेट करें।

आवश्यक शर्तें

• AskUI आपके सिस्टम पर स्थापित और कॉन्फ़िगर किया गया है (विंडोज, लिनक्स, मैकओएस)

• आरंभीकरण के बाद Askui_example/my-first-askui-test-suite.test.ts हटाएं

सेटअप तैयार करें

ककड़ी अभी तक AskUI के डिफ़ॉल्ट सेटअप के साथ अच्छा नहीं खेलती है (संस्करण 0.20.3)। ककड़ी के साथ अच्छा खेलने के लिए AskUI के लिए आपको दो छोटी तैयारी करने की आवश्यकता है क्योंकि AskUI जेस्ट को अपने धावक के रूप में उपयोग करता है।

1. जेस्ट के टेस्टएन्वायरमेंटऑप्शंस बदलें

फ़ाइल Askui_example/helpers/jest.config.ts में आपको उस कोड को अक्षम करना होगा जो रन रिपोर्ट में शामिल है। आप addCodeInReport प्रॉपर्टी को गलत पर सेट करके testEnvironmentOptions प्रॉपर्टी जोड़कर इसे प्राप्त कर सकते हैं।

const config: Config.InitialOptions = {
  ...
  testEnvironment: '@askui/jest-allure-circus',
  testEnvironmentOptions: {
    addCodeInReport: false
  },
};
...

2. जेस्ट को बताएं कि चरण परिभाषाओं के लिए कार्यान्वयन कहां खोजें

इसके अलावा Askui_example/helpers/jest.config.ts में आपको डिफ़ॉल्ट testMatch प्रॉपर्टी का विस्तार करने की आवश्यकता है। इसमें चरण.ts पर समाप्त होने वाली फ़ाइलें शामिल होनी चाहिए क्योंकि हम कार्यान्वयन को वहां संग्रहीत करेंगे।

...
const config: Config.InitialOptions = {
  ...
  testEnvironment: '@askui/jest-allure-circus',
  testEnvironmentOptions: {
    addCodeInReport: false
  },
  testMatch: [ "**/__tests__/**/*.[jt]s?(x)", "**/?(*.) (spec|test|step).[jt]s?(x)" ]
};
...

s?(x)", "**/?(*.) (spec|test|step).[jt]s?(x)" ] }; ...

जेस्ट-ककड़ी स्थापित करें

ककड़ी के साथ जेस्ट का उपयोग करने का सबसे आसान तरीका एनपीएम-पैकेज जेस्ट-ककड़ी है। आइए इसे निम्नलिखित कमांड के साथ इंस्टॉल करें:

npm install --save-dev jest-cucumber

एनपीएम इंस्टाल--सेव-देव जेस्ट-ककड़ी

एक बुनियादी सुविधाएँ फ़ाइल बनाएँ

एक फोल्डर फीचर्स बनाएं और वहां एक फीचर
फ़ाइल NavigateToWebsite.feature

npm install --save-dev jest-cucumber

project_root/ ├─ Askui_example/ ├─ विशेषताएं/ ├─ NavigateToWebsite.feature ├─ नोड_मॉड्यूल/ ├─ ...

इस फ़ाइल में निम्नलिखित मूल फ़ीचर
लिखें:

npm install --save-dev jest-cucumber

सुविधा: किसी वेबसाइट पर नेविगेट करें परिदृश्य: ब्राउज़र एड्रेस बार में सही यूआरएल दर्ज करना यह देखते हुए कि मैं Google खोज पृष्ठ पर हूं जब मैं AskUI अभ्यास पृष्ठ के लिए URL टाइप करता हूँ फिर मैं वेबपेज पर आऊंगा

चरण परिभाषा कार्यान्वयन बनाएँ

चरण परिभाषा फ़ाइल Askui_example/navigate-to-url.step.ts बनाएं जहां प्रत्येक परीक्षण एक विशिष्ट परिदृश्य को मैप करता है।

npm install --save-dev jest-cucumber

'जेस्ट-ककड़ी' से आयात { डिफाइनफीचर, लोडफीचर }; './helpers/askui-helper' से आयात { aui }; // फीचर फ़ाइल लोड करें कॉन्स्ट फ़ीचर = लोडफ़ीचर('फ़ीचर/NavigateToWebsite.feature'); परिभाषितफ़ीचर(सुविधा, परीक्षण => { // आपकी फीचर फ़ाइल में 'परिदृश्य' के लिए मानचित्र परीक्षण ('ब्राउज़र एड्रेस बार में सही यूआरएल दर्ज करना', ({ दिया गया, कब, फिर }) => { दिया गया('मैं Google खोज पृष्ठ पर हूं', async() => { aui.moveMouse(500, 500).exec() का इंतजार करें; aui.mouseLeftClick().exec() का इंतजार करें; aui.pressTwoKeys('कमांड', 't').exec() का इंतजार करें; }); कब('मैं AskUI अभ्यास पृष्ठ के लिए URL टाइप करता हूं', async() => { aui.typeIn('https://askui.github.io/askui-practice-page/').textfield().exec() का इंतजार करें; aui.pressKey('enter').exec() का इंतजार करें; }); फिर('मैं वेबपेज पर आऊंगा', async() => { wait aui.expect().text('AskUI प्रैक्टिस पेज पर आपका स्वागत है').exists().exec(); }); }); });

वर्कफ़्लो चलाएँ

अपना ब्राउज़र पूर्ण स्क्रीन में खोलें और इसके साथ वर्कफ़्लो प्रारंभ करें:

npm install --save-dev jest-cucumber

एनपीएम रन आस्कुई

आपको देखना चाहिए कि वर्कफ़्लो रन एक नया टैब खोलेगा और AskUI के अभ्यास पृष्ठ पर नेविगेट करेगा।

निष्कर्ष

AskUI को ककड़ी के साथ संयोजित करने से आप AskUI वर्कफ़्लो को BDD शैली में लिखने में सक्षम हो जाते हैं। एक वास्तविक मानव-उपयोगकर्ता की तरह अपने परीक्षण निष्पादित करने से वे प्रत्येक हितधारक के लिए अधिक यथार्थवादी बन जाएंगे।