हम अपने कोड में JSON लिखने के लिए JSON संरचना, उदाहरणों और विस्तृत व्यावहारिक अनुभव पर चर्चा करेंगे। लेकिन, पहले, आइए हमारे लेख में गोता लगाएँ!

सरू जेसन क्या है: उदाहरण, स्कीमा, विस्तृत व्यावहारिक विश्लेषण

हमारे पिछले में लेख, हमने चरों और उपनामों पर चर्चा की और अपना पहला टेस्ट केस कैसे लिखा जाए। अब, हम सरू JSON पर चर्चा करेंगे और इसे अपने कोड में कैसे शामिल करें।

विषय - सूची

• सरू JSON फ़ाइल
• डिफ़ॉल्ट JSON विकल्प
• वैश्विक विकल्प
• सरू JSON टाइमआउट
• सरू JSON फ़ाइल पढ़ें
• स्क्रीनशॉट और वीडियो विकल्प
• व्यूपोर्ट और क्रियाशीलता
• सरू JSON उदाहरण
• सरू स्थिरता JSON सरणी
• सरू एनवी JSON
• सरू JSON रिपोर्टर
• सरू पैकेज-lock.json

सरू JSON फ़ाइल

जैसा कि हमने पहले देखा, पहली बार जब हम अपना सरू टेस्ट रनर खोलते हैं, तो यह एक बनाता है सरू.जसन फ़ाइल। इस फ़ाइल का उपयोग हमारे लिए आवश्यक किसी भी कॉन्फ़िगरेशन मान को पास करने के लिए किया जाता है। तो सबसे पहले, हम उन विकल्पों पर गौर करेंगे जिन्हें हम अपने में पारित कर सकते हैं cypress.json फ़ाइल.

डिफ़ॉल्ट JSON विकल्प

सरू में कुछ विकल्प डिफ़ॉल्ट रूप से सेट होते हैं। हालाँकि, हम उन्हें अपनी परियोजना के अनुसार अनुकूलित कर सकते हैं। सरू द्वारा निर्धारित डिफ़ॉल्ट मानों की पहचान करने के लिए, पर नेविगेट करें सेटिंग हमारे सरू टेस्ट रनर में फ़ोल्डर। वहां से, सरू द्वारा निर्धारित डिफ़ॉल्ट विकल्पों को देखने के लिए कॉन्फ़िगरेशन विकल्प का विस्तार करें।

विकल्प सरू द्वारा प्रदान किए गए डिफ़ॉल्ट कॉन्फ़िगरेशन हैं।

{
animationDistanceThreshold:5
baseUrl:null
blockHosts:null
browsers:Chrome, Firefox, Electron
chromeWebSecurity:true
component:{}
componentFolder:"cypress/component"
defaultCommandTimeout:4000
downloadsFolder:"cypress/downloads"
e2e:{}
env:null
execTimeout:60000
experimentalFetchPolyfill:false
experimentalInteractiveRunEvents:false
experimentalSourceRewriting:false
experimentalStudio:false
fileServerFolder:""
firefoxGcInterval:runMode, openMode
fixturesFolder:"cypress/fixtures"
hosts:null
ignoreTestFiles:".hot-update.js" includeShadowDom:false integrationFolder:"cypress/integration" modifyObstructiveCode:true nodeVersion:"default" numTestsKeptInMemory:50 pageLoadTimeout:60000 pluginsFile:"cypress/plugins" port:null projectId:"hpcsem" redirectionLimit:20 reporter:"spec" reporterOptions:null requestTimeout:5000 responseTimeout:30000 retries:runMode, openMode screenshotOnRunFailure:true screenshotsFolder:"cypress/screenshots" scrollBehavior:"top" supportFile:"cypress/support" taskTimeout:60000 testFiles:"/.*"
trashAssetsBeforeRuns:true
userAgent:null
video:true
videoCompression:32
videosFolder:"cypress/videos"
videoUploadOnPasses:true
viewportHeight:660
viewportWidth:1000
waitForAnimations:true
watchForFileChanges:true
}

ऑप्शंस

हम अपनी परियोजना के अनुकूल किसी भी तर्क को पारित करके सरू के डिफ़ॉल्ट विकल्पों को बदल सकते हैं। जैसा कि नाम से पता चलता है, cypress.json एक JSON फ़ाइल है, इसलिए हमें अपने तर्कों को JSON प्रारूप में पास करना होगा। हमारे वीएस कोड में, आप देख सकते हैं कि cypress.json खाली है और इसमें कोई तर्क नहीं दिया गया है। अब हम विभिन्न विकल्पों को देखते हैं जिन्हें हम अपनी JSON फाइल में पास कर सकते हैं।

वैश्विक विकल्प

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

सरू JSON टाइमआउट

टाइमआउट किसी भी ऑटोमेशन ढांचे में सबसे महत्वपूर्ण अवधारणाओं में से एक है। सरू कई तरह के विकल्प प्रदान करता है जो हमारी स्क्रिप्ट में टाइमआउट को संभालने में मदद करता है। सबसे पहले, हम उन विकल्पों पर गौर करेंगे जिन्हें हम कॉन्फ़िगर कर सकते हैं।

सरू JSON फ़ाइल पढ़ें

कभी-कभी, हमें अपने प्रोजेक्ट में फ़ोल्डर्स या फाइलों के साथ बातचीत करने की आवश्यकता होगी। बातचीत करने के लिए, हमें अपने में कुछ विकल्प सेट करने होंगे cypress.json फाइलों में हेरफेर करने के लिए फाइल। तो, पहले, आइए हम अपने फोल्डर/फाइल कॉन्फ़िगरेशन में उपलब्ध विकल्पों पर गौर करें।

स्क्रीनशॉट और वीडियो विकल्प

हम अपने स्नैपशॉट और वीडियो को अपनी cypress.json() फ़ाइल में कॉन्फ़िगर कर सकते हैं, और सरू हमें हमारे कॉन्फ़िगरेशन को अनुकूलित करने के लिए कुछ विकल्प प्रदान करता है।

व्यूपोर्ट और क्रियाशीलता

आप सरू द्वारा प्रदान किए गए विकल्पों के साथ व्यूपोर्ट की ऊंचाई और चौड़ाई को बदलने के लिए मूल्यों को कॉन्फ़िगर और पास कर सकते हैं। क्रियाशीलता विकल्पों को भी विन्यस्त किया जा सकता है।

सरू JSON उदाहरण

इससे पहले, हमने विभिन्न विन्यासों को देखा जिन्हें हम अपने में पारित कर सकते हैं cypress.json फ़ाइल। अब, हम एक उदाहरण देखेंगे कि उन्हें हमारी परियोजना में कैसे उपयोग किया जाए।

cypress.json फ़ाइल में डिफ़ॉल्ट मानों को ओवरराइड करना

हमारे वीएस कोड में, खोलें cypress.json फ़ाइल। हम ओवरराइड करेंगे defaultCommandTimeout को आज्ञा 8000.

{
    "defaultCommandTimeout" : 8000
}

यह हमारे वीएस कोड प्रोजेक्ट में कैसा दिखता है।

बदल कर cypress.json फ़ाइल, यह पूरे ढांचे पर लागू होता है। हम अपनी सरू सेटिंग्स पर नेविगेट करके सत्यापित कर सकते हैं। यह के डिफ़ॉल्ट मान से बदल गया है 4000 सेवा मेरे 8000

परीक्षण स्क्रिप्ट के माध्यम से डिफ़ॉल्ट मानों को ओवरराइड करना

हम अपनी टेस्ट स्क्रिप्ट के माध्यम से भी डिफ़ॉल्ट मानों में हेरफेर कर सकते हैं। में गुजरने के बजाय cypress.json फ़ाइल, हम इसे अपनी परीक्षण फ़ाइल में पास करेंगे।

//Changing the timeout from 4 seconds to 8 seconds
Cypress.config('defaultCommandTimeout',8000)

// Test code
cy.get('#username').type(users.email)
cy.get('#pswd').type(users.password)
cy.get('#login_btn').click()

इस तरह, हम अपनी परीक्षण फ़ाइल में डिफ़ॉल्ट मानों को ओवरराइड कर सकते हैं। हालांकि, यह फ्रेमवर्क स्तर पर किसी भी कॉन्फ़िगरेशन परिवर्तन को प्रभावित नहीं करता है। सरू मूल्यों को प्राथमिकता देता है cypress.json. अंत में, यह वैश्विक विन्यास लेता है।

सरू स्थिरता JSON सरणी

सरू cy.fixture() एक फ़ंक्शन है जो एक फ़ाइल में डेटा के एक निश्चित सेट को लोड करता है। हम JSON फ़ाइल में किसी भी मान या सरणी को लोड करने के लिए एक JSON के रूप में स्थिरता का उपयोग कर सकते हैं। सबसे पहले, आइए समझते हैं कि हमारे प्रोजेक्ट में JSON फ़ाइल को कैसे एक्सेस किया जाए।

मेरी JSON फ़ाइल में दो गुण हैं: उपयोगकर्ता नाम और पासवर्ड। मेरी JSON फ़ाइल का नाम है examples.json.

{
"email": "[email protected]",
"password" : test123
}

हमारी विशिष्ट फ़ाइल में, हम cy.fixture() कमांड और की अवधारणा के साथ अपने फिक्स्चर को एक्सेस करेंगे उपनाम.

 cy.fixture('example.json').as('example')

 //Using the alias name to this keyword, So we can use globally  
        const userObj = this.userData
//looping our .json data with a new variable users
         cy.get(userData).each((users) => 
         {
              //Write the test code.
        cy.get('#username').type(users.email)
        cy.get('#pswd').type(users.password)
          }       

सरू एनवी JSON

संगठनों में कई परियोजनाओं में पर्यावरण चर का उपयोग किया जाता है। हम पर्यावरण चर का उपयोग करते हैं

• जब विभिन्न मशीनों में मान गतिशील होते हैं
• जब हम विभिन्न वातावरणों जैसे मंचन, परीक्षण, विकास, उत्पादन/लाइव के तहत परीक्षण करना चाहते हैं

इन मामलों में हमें पर्यावरण चर को परिभाषित करने की आवश्यकता होती है। हालाँकि, यदि हम एक विशिष्ट फ़ाइल में एक env चर सेट करते हैं, तो यह अन्य विशिष्ट फ़ाइलों में परिलक्षित नहीं होता है। ऐसा इसलिए है क्योंकि सरू प्रत्येक विशिष्ट फाइल को स्वतंत्र रूप से चलाता है। इस तरह, हमें env वेरिएबल्स को अलग से कॉन्फ़िगर करने की आवश्यकता होगी।

हम अपनी पर्यावरण फ़ाइलों को अपनी सरू JSON फ़ाइल से एक्सेस करते हैं, अर्थात, cypress.json फ़ाइल। इसलिए हमें अपने में विकल्प निर्दिष्ट करने की आवश्यकता होगी cypress.json फ़ाइल और हमारी कल्पना फ़ाइल में इसका इस्तेमाल किया। तो आइए हम अपने उदाहरण में गोता लगाएँ।

हम अपने पर्यावरण चर को अपनी कॉन्फ़िगरेशन फ़ाइल में सेट कर सकते हैं या cypress.env.json फ़ाइल.

cypress.json फ़ाइल में पर्यावरण चर सेट करना

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

{
  "env": {
    "key1": "value1",
    "key2": "value2"
  }
}

अगर हम एक्सेस करना चाहते हैं env हमारी विशिष्ट फ़ाइल में चर, हम उन्हें नीचे बताए अनुसार असाइन करते हैं।

Cypress.env() //returns both the key1,value1 and key2, value2

Cypress.env(key1) //returns only the value1

हम जोड़ देंगे env हमारे प्रोजेक्ट में कॉन्फ़िगरेशन और उन्हें हमारी कल्पना फ़ाइल में एक्सेस करेगा। हमारे में cypress.json फ़ाइल, निम्न कॉन्फ़िगरेशन जोड़ें। हम अपना सेट कर रहे हैं URL संपत्ति और उन्हें हमारे यूआरएल को सौंपना। यहाँ, URL कुंजी है, और https://techiescience.com/technology/ मूल्य है।

{
  "env" : {
      "url" : "https://techiescience.com/technology/"
    }
}

जैसा कि हमने कॉन्फ़िगरेशन की घोषणा की है, हम उन्हें अपनी विशिष्ट फ़ाइल में एक्सेस करेंगे। यह नीचे जैसा कुछ दिखता है। जैसा कि ऊपर उल्लेख किया गया है, हम उपयोग करेंगे Cypress.env() env वैरिएबल को एक्सेस करने की विधि।

// type definitions for Cypress object "cy"
// <reference types="cypress" />

describe('Cypress Example ', function () {

    it('accessing the environment variable', function () {

        //Calling URL from cypress.json
        cy.visit(Cypress.env('url'));

    })
})

Cypress.env.json फ़ाइल में पर्यावरण चर सेट करना

हम अपने पर्यावरण चर को हमारे सरू env JSON फ़ाइल में असाइन कर सकते हैं। उसके लिए, हमें एक नई फाइल बनानी चाहिए जिसका नाम है cypress.env.json परियोजना के मूल में। हमें आवश्यकता नहीं होगी env कीवर्ड; इसके बजाय, हम की-वैल्यू पेयर को पास करके सीधे उन तक पहुंच सकते हैं।

{
    "key1": "value1",
    "key2": "value2"
}

आइए देखें कि उन्हें हमारे में कैसे असाइन किया जाए cypress.env.json फ़ाइल.

{
    "url" : "https://techiescience.com/",
    "urlTechnology" : "https://techiescience.com/technology/"
}

जैसा कि आप ऊपर देख रहे हैं, हमने एक नई फाइल बनाई है, cypress.env.json, और जोड़ा हमारे URL गुण। पर्यावरण चरों तक पहुँचने का तरीका वही होगा जो पिछले खंड में ऊपर बताया गया है।

सरू JSON रिपोर्टर

जैसा कि हम जानते हैं, सरू मोचा के ऊपर बना है; मोचा के लिए बनाए गए किसी भी पत्रकार का उपयोग किया जा सकता है। हम अपने JSON फ़ाइल में रिपोर्टर को विश्व स्तर पर अपने में कॉन्फ़िगर कर सकते हैं cypress.json फ़ाइल.

ऊपर बताए गए विकल्प डिफ़ॉल्ट रूप से रिपोर्टर में सेट किए गए कॉन्फ़िगरेशन हैं। इसके साथ में spec रिपोर्टर डिफ़ॉल्ट रूप से सेट है। इस प्रकार, रिपोर्टर में, हम मोचा के साथ संगत किसी भी रिपोर्टर को सेट कर सकते हैं। reporterOptions हम जिस रिपोर्टर को कॉन्फ़िगर कर रहे हैं, उसके आधार पर समर्थित विकल्पों को निर्दिष्ट करना है।

आइए देखें कि हमारे में रिपोर्टर को कैसे कॉन्फ़िगर किया जाए cypress.json फ़ाइल.

आइए हम मल्टी रिपोर्टर को अपना रिपोर्टर मानें। हम पहले रिपोर्टर को स्थापित करेंगे और उन्हें अपने में जोड़ेंगे cypress.json फ़ाइल.

npm install --save-dev mocha cypress-multi-reporters mochawesome

कमांड लाइन में उपरोक्त कमांड को पास करके रिपोर्टर को स्थापित करें। अब, हमारे में cypress.json फ़ाइल, निम्न गुण जोड़ें।

"reporter": "cypress-multi-reporters",
  "reporterOptions": {
      "reportDir": "cypress/reports/multireports",
      "overwrite": false,
      "html": false,
      "json": true
    }

हम प्रत्येक गुण को विस्तार से समझेंगे।

रिपोर्टर: रिपोर्टर का नाम जिसे हम अपने प्रोजेक्ट में कॉन्फ़िगर कर रहे हैं

रिपोर्टदिरो: वह निर्देशिका जहां हम अपने परिणाम आउटपुट करने जा रहे हैं।

अधिलेखित: यह ध्वज पिछली रिपोर्टों को अधिलेखित करने के लिए कहता है।

HTML: परीक्षण के पूरा होने पर रिपोर्ट तैयार करता है।

JSON: परीक्षण पूरा होने पर JSON फ़ाइल जनरेट करना है या नहीं।

सरू पैकेज-lock.json

RSI पैकेज-lock.json फ़ाइल किसी भी ऑपरेशन के लिए स्वचालित रूप से बनाई जाती है जब npm नोड मॉड्यूल या package.json फ़ाइल को संशोधित करता है। जब हम कोई विकल्प जोड़ते हैं या हमारे सरू पर कोई नई निर्भरता स्थापित करें पैकेज JSON फ़ाइल, फिर Cypress package-lock.json स्वचालित रूप से अपडेट हो जाता है।

Cypes package.lock JSON फ़ाइल प्रत्येक पैकेज और उसके संस्करण का पता लगाती है ताकि विश्व स्तर पर प्रत्येक npm इंस्टाल पर इंस्टाल को बनाए रखा और अपडेट किया जा सके। तो हमारे सरू पैकेज JSON फ़ाइल में, जब हम संस्करण को अपडेट करते हैं या कोई निर्भरता जोड़ते हैं, तो package-lock.json भी अपडेट हो जाता है, और हम इसमें कोई बदलाव नहीं करना चाहते हैं।

ऐश्वर्या लक्ष्मी

नमस्ते...मैं ऐश्वर्या लक्ष्मी हूं, मैंने अपना बी.टेक पूरा कर लिया है और परीक्षण क्षेत्र में लगभग 2+ वर्षों का अनुभव है। मैं परीक्षण के प्रति उत्साही और जुनूनी हूं और मुझे अपने क्षेत्र में नई चीजों की खोज करना और उन्हें अपने साथियों के साथ साझा करना पसंद है। मैं अपने खाली समय के दौरान सबसे सरल लेकिन प्रभावी तरीके से ब्लॉग लिखना पसंद करता हूं। एक परीक्षक के रूप में, मैं चीजों को पूर्णता के साथ रखना पसंद करता हूं, इसलिए मैं चाहता हूं कि मेरे पाठकों को प्रौद्योगिकी की सही समझ हो। मैं परीक्षण से जुड़ी नई तकनीकों से खुद को अपडेट रखता हूं और उन्हें समझने में समय बिताता हूं। मुझे छात्रों को परीक्षण में अवधारणाओं को समझने में मदद करने में खुशी हो रही है।