पिछले लेख में, हमने देखा कि सरू क्या है, इसकी वास्तुकला, स्थापना प्रक्रिया और स्थापना के लिए आवश्यक पूर्वापेक्षाएँ। हालाँकि, इससे पहले कि हम अपने परीक्षण लिखना शुरू करें, हमें सरू को स्थापित करने की आवश्यकता है। क्लिक यहाँ उत्पन्न करें सरू को स्थापित करने के लिए विस्तृत कदम प्राप्त करने के लिए।

सरू उदाहरण

यह लेख चर्चा करेगा सरू का उदाहरण, JSON उदाहरण, चर और उपनाम, और परीक्षण मामले कैसे लिखें। तो चलो शुरू करते है।

विषय - सूची

सरू JSON उदाहरण

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

आइए कुछ में देखें उदाहरण जिन्हें हम अपने सरू JSON में कॉन्फ़िगर कर सकते हैं फ़ाइल.

सरू के पास पहले से ही कुछ डिफ़ॉल्ट कॉन्फ़िगरेशन मान असाइन किए गए हैं। ऐसे कई विकल्प हैं जिन्हें हम अपनी आवश्यकताओं के आधार पर अनुकूलित कर सकते हैं। उदाहरण के लिए, हम प्रदान कर सकते हैं baseURL हमारे में संपत्ति cypress.json फ़ाइल। इसलिए, हर बार जब हम स्क्रिप्ट चलाते हैं, तो बेसयूआरएल सेट हो जाता है और ट्रिगर हो जाता है।

विकल्प	डिफ़ॉल्ट मान	विवरण
बेसयूआरएल	रिक्त	इस विकल्प का उपयोग a . के रूप में किया जा सकता है यूआरएल के लिए उपसर्ग साइ.अनुरोध () or साइ.विजिट () आदेश देता है।
घड़ी के लिए फ़ाइल परिवर्तन	<strong>उद्देश्य</strong>	यह विकल्प डिफ़ॉल्ट रूप से सत्य के रूप में सेट है। यह परिवर्तनों के लिए फाइलों को देखता है और जब कोई संशोधन किया जाता है तो उन्हें पुनरारंभ करता है।

नीचे स्नैपशॉट है कि हमने अपने में baseURL और watchForFileChanges गुणों को संशोधित किया है Cypress.json फ़ाइल.

नोट: हम बाद में एक अलग विषय के रूप में सरू कॉन्फ़िगरेशन के सभी विकल्पों पर चर्चा करेंगे।

ओपन सरू

इससे पहले, हमने देखा कि सरू परियोजना कैसे बनाई जाती है। यहां, हम देखेंगे कि सरू टेस्ट रनर को कैसे खोलें और निष्पादित करें। तो चलो गोता लगाएँ!

यदि आपने npm के माध्यम से सरू को स्थापित किया था, तो इसे ./node_modules निर्देशिका में स्थापित किया गया है। इसलिए, हम अपना खोल सकते हैं npm कमांड पास करके सरू टेस्ट रनर से  जड़ हमारी परियोजना निर्देशिका का.

हम सरू को निम्न में से किसी एक तरीके से खोल सकते हैं

1. पूर्ण पथ आदेश देकर

./node_modules/.bin/cypress open

2. एनपीएम बिन के शॉर्टकट का उपयोग करके using

$(npm bin)/cypress open

3. एनपीएक्स . का उपयोग करके

यहां npx केवल npm> v5.2 के साथ समर्थित है, या हम इसे अलग से स्थापित कर सकते हैं।

npx cypress open

4. सूत का प्रयोग करके

yarn run cypress open

अब हम देखेंगे कि अपने टर्मिनल में फुल पाथ कमांड को पास करके सरू को कैसे खोलें।

1. आपको बिंदु 1 में ऊपर बताई गई कमांड को पास करना है, और आप टर्मिनल में निम्नलिखित देख सकते हैं:

2. एक पल के बाद, हम सरू टेस्ट रनर को लॉन्च होते हुए देख सकते हैं और टेस्ट रनर को नीचे दिखाए अनुसार देख पाएंगे। टेस्ट रनर लॉन्च होने के बाद, आप कुछ सैंपल टेस्ट केस देख सकते हैं। सरू ने हमारे प्रोजेक्ट रूट में एक परीक्षण फ़ोल्डर बनाया है जो हमें परीक्षण मामलों के मूल सेटअप और लेखन में मदद करता है।

अब हम वीएस कोड पर वापस जाते हैं। सबसे पहले, आप कुछ फ़ोल्डर संरचनाएँ देख सकते हैं जो आबाद हो गई हैं। अब हम प्रत्येक फोल्डर संरचना को तोड़ते हैं और उन्हें विस्तार से देखते हैं।

सरू में फ़ोल्डर संरचना

जैसा कि हम देखते हैं, सरू ने हमारे कोड संपादक में एक फ़ोल्डर संरचना बनाई है। हम उन पर विस्तार से चर्चा करेंगे।

चर और उपनाम

हम सरू में चरों और उपनामों पर विस्तार से चर्चा करेंगे।

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

सरू में वापसी मूल्य

सभी सरू आदेश हैं कतारबद्ध और रन अतुल्यकालिक रूप से. इसलिए, हम किसी भी रिटर्न वैल्यू को असाइन या इंटरैक्ट नहीं कर सकता किसी भी सरू के आदेशों की। इसका एक छोटा सा उदाहरण हम देखेंगे।

const button = cy.get("login-btn");  //this command is to get the element with the button attribute

button.click()

बंद

हम ऊपर वर्णित कमांड के माध्यम से बटन की विशेषताओं तक नहीं पहुंच सकते हैं। इसके बजाय, हम .then () का उपयोग करके सरू कमांड प्राप्त कर सकते हैं। हम इन्हें कहते हैं बंद.

।फिर()

.then() आपको उस थ्रेड तक पहुंचने में मदद करता है जो पिछले कमांड से प्राप्त होता है। अगर आप समझ गए हैं देशी वादे, यह उसी तरह है .then() सरू के साथ काम करता है। हम .then() के अंदर अलग-अलग कमांड को नेस्ट भी कर सकते हैं। प्रत्येक नेस्टेड कमांड लूप में पिछले कमांड तक पहुंच सकता है। इसे हम एक उदाहरण से देखेंगे।

cy.get('login').then(($btn) => {

  // store the button's text
  const buttonText = $btn.text()

  // we are comparing the two buttons' text
  // and ensuring they are different
  cy.get('login').should(($btn2) => {
    expect($btn2.text()).not.to.eq(buttonText)
  })
})

हमने इस्तेमाल किया है बंद उपरोक्त उदाहरण में, हमें पिछले कमांड के संदर्भ को लूप में रखने में सक्षम बनाता है।

चर

आमतौर पर, हम एक वेरिएबल के लिए एक वैल्यू असाइन करते हैं। लेकिन सरू में, हम मुश्किल से उपयोग करते हैं const, var, तथा let. जब हम क्लोजर का उपयोग कर रहे होते हैं, तो हम प्राप्त वस्तुओं को एक चर को निर्दिष्ट किए बिना एक्सेस कर सकते हैं।

लेकिन कुछ ऐसे मामले हैं जहां हम एक चर घोषित कर सकते हैं जब वस्तु की स्थिति बदल जाती है (परिवर्तनीय वस्तुएं)। उदाहरण के लिए, यदि हमें किसी वस्तु की उसके पिछले मान से तुलना करने की आवश्यकता है, तो हम उसे अगले मान के साथ तुलना करने के लिए एक चर के रूप में घोषित करेंगे। आइए इसके लिए एक उदाहरण देखें।

<button>increment</button>

You clicked button <span id="num">0</span> times

यहां, हर बार जब हम बटन पर क्लिक करते हैं तो गिनती 0 के साथ अवधि बढ़ती रहती है। तो बटन वस्तु हर बार अपनी स्थिति बदलती रहती है।

अब आइए देखें कि हम इसे अपने सरू कोड में एक चर के लिए कैसे निर्दिष्ट कर सकते हैं।

cy.get('#num').then(($span) => {
  // we are capturing the number by assigning it to a variable
  const num1 = parseFloat($span.text())

  cy.get('button')
    .click()  //we have clicked the button once
    .then(() => {
      // we are capturing the number again by assigning it to another variable
      const num2 = parseFloat($span.text())

      // we are ensuring that num1+1 is equal to num2
      expect(num2).to.eq(num1 + 1)
    })
})

चूंकि हर बार जब हम बटन पर क्लिक करते हैं, तो स्पैन अपनी स्थिति बदल रहा होता है, हम इसे एक चर को इसकी वर्तमान और पिछली स्थिति की तुलना करने के लिए असाइन कर सकते हैं। केवल परिवर्तनशील वस्तुओं के मामले में हमें चर की आवश्यकता होगी, और का उपयोग करना const एक अच्छा दृष्टिकोण है।

फर्जी नाम

पहले, हमने देखा कि सरू में क्या चर और इसकी सीमा है। इस सीमा को पार करने के लिए, उपनाम चित्र में आते हैं। उपनाम सरू में शक्तिशाली निर्माणों में से एक है। हम उदाहरणों के साथ इस पर विस्तार से विचार करेंगे।

आम तौर पर, उपनाम आपको एक चर के रूप में काम करने में मदद कर सकते हैं। हालांकि, कुछ उपयोग के मामले हैं जहां एक चर के बजाय एक उपनाम हमारी मदद कर सकता है।

1. डोम तत्वों का पुन: उपयोग करें

हम DOM तत्वों को उपनाम कर सकते हैं और बाद में उन्हें पुन: उपयोग के लिए एक्सेस कर सकते हैं। उपनाम भी की सीमाओं को पार करते हैं ।फिर() आदेश।

2. संदर्भ साझा करना

सरल अर्थ में, संदर्भ साझा करना वस्तु को हुक और परीक्षणों के बीच साझा करना है। संदर्भ साझा करने के लिए प्राथमिक उपयोग का मामला किसके साथ काम कर रहा है cy.fixture - जो एक फाइल में डेटा के एक निश्चित सेट को लोड करना है।

उपनामों तक कैसे पहुँचें?

यहां, हम देखेंगे कि उपनामों तक कैसे पहुंचें। हम का उपयोग करेंगे .as() बाद में उपयोग के लिए तत्व असाइन करने के लिए आदेश। आवश्यक पैरामीटर है उर्फ नाम. उपनाम का नाम a . के भीतर एक संदर्भ के रूप में प्रयोग किया जाता है cy.get() or cy.wait() का उपयोग @ उपसर्ग।

हम एक उदाहरण देखेंगे कि कैसे उपनामों का उपयोग किया जाए।

cy.get('#user_login').as('username')
cy.get('@username').type('abc@gmail.com')

पहली पंक्ति में, हमें DOM से user_login की id मिल रही है। हम तब उपयोग कर रहे हैं .as() और एक नाम उपयोगकर्ता नाम के साथ घोषित करना। दूसरी पंक्ति में, हम अपने उपनाम को एक्सेस कर रहे हैं @ प्रतीक और प्रदर्शन टाइप कार्रवाई.

सरू परीक्षण उदाहरण

हम सरू के साथ अपना पहला टेस्ट केस लिखना शुरू करेंगे। यह बहुत ही सरल और आसान है। लेकिन इससे पहले, हम सरू परीक्षण की संरचना पर गौर करेंगे।

मूल सरू का निर्माण

सरू ने अपने परीक्षण मामलों के लिए मोचा सिंटैक्स को अपनाया है और मोचा द्वारा प्रदान किए जाने वाले सभी विकल्पों का उपयोग करता है। नीचे मूल सरू निर्माण हैं जो हमारे परीक्षण मामलों के लिए सामान्य रूप से उपयोग किए जाते हैं।

• वर्णन करना() - सभी परीक्षण मामलों को एक बड़े परीक्षण में जोड़ता है और उन्हें एक साथ समूहित करता है। इसमें दो पैरामीटर होते हैं - परीक्षण का विवरण और कॉलबैक फ़ंक्शन।
• यह() - हम अपने () ब्लॉक में अलग-अलग टेस्ट केस लिखते हैं। यह ब्लॉक दो पैरामीटर भी लेता है- एक परीक्षण क्या करता है, और दूसरा पैरामीटर कॉलबैक फ़ंक्शन है।
• के पश्चात() - यह कल्पना फ़ाइल में सभी परीक्षणों के बाद निष्पादित होता है।
• प्रत्येक के बाद() - यह प्रत्येक व्यक्तिगत परीक्षण मामलों के बाद चलता है।
• इससे पहले() - कल्पना फ़ाइल में सभी परीक्षणों से पहले चलता है।
• पहले प्रत्येक () - प्रत्येक व्यक्तिगत परीक्षण मामलों से पहले निष्पादित करता है।

टेस्ट केस कैसे लिखें?

शुरू करने से पहले, हमें पता होना चाहिए कि टेस्ट केस क्या है, इसे लिखें, और बेसिक टेस्ट केस के लिए क्या कदम हैं।

1. पूर्व-अपेक्षा - आवेदन की स्थिति जिसका हम परीक्षण करने जा रहे हैं।

2. कार्य - हम आवेदन पर कुछ कार्रवाई करते हैं।

3. अभिकथन - हम अपने कार्यों से संबंधित बदले हुए व्यवहार पर जोर देते हैं या मान्य करते हैं।

हम विचार करेंगे लम्दागीक्स हमारे परीक्षण उदाहरणों के लिए आवेदन। उसी प्रक्रिया के साथ, हम निम्नलिखित परिदृश्य को स्वचालित करने पर विचार करेंगे:

1. वेबसाइट पर जाएँ https://lambdageeks.com/

2. सत्यापित करें कि क्या शीर्षक होम है - लैम्ब्डा गीक्स
सरू का उपयोग करता है cy इसकी प्रकार परिभाषा के रूप में। हम जोड़ रहे हैं cy किसी भी तरीके को लागू करने का आदेश।
सबसे पहले, हमारे कोड एडिटर में एक नई फाइल बनाते हैं।

1. नाम का एक नया फोल्डर बनाएं डेमो एकीकरण फ़ोल्डर के तहत।

2. डेमो फोल्डर के तहत एक नई फाइल बनाएं नमूना.जेएस. हम इस फाइल में अपना पहला टेस्ट केस लिखेंगे।

आइए अब हम अपने परीक्षण मामलों को लिखना शुरू करते हैं!

1. 1. सबसे पहले, हम का उपयोग करके पेज पर जाएंगे मुलाकात() साइप्रस में विधि। यह आदेश हमारे द्वारा प्रदान किए गए URL पर नेविगेट करेगा। हम उन्हें एक विवरण () और यह () ब्लॉक के अंदर शामिल करेंगे।

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

describe("Testing the application", function() {
    it("launch the application", function() {
        // visit the lambdageeks page
        cy.visit('https://lambdageeks.com/')

2. एक बार आवेदन खुलने के बाद, हम शीर्षक का उपयोग करके मान्य करेंगे get() साइप्रस में विधि method .get() डोम से सभी सीएसएस चयनकर्ताओं को लाता है।

हम शीर्षक का उपयोग कर रहे हैं title() विधि, और हम चाई लाइब्रेरी का उपयोग कमांड के साथ कर रहे हैं, पहले पैरामीटर को बराबर के रूप में पारित करके, संक्षेप में eq. दूसरा पैरामीटर वह स्ट्रिंग है जिसकी हम अपेक्षा कर रहे हैं।

 cy.title().should('eq','Home - Lambda Geeks')

हुर्रे! दो सरल चरणों के साथ, हमने अपना सरू टेस्ट केस लिखा है।

यहाँ हमारे परीक्षण मामले का पूरा कोड है

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

describe("Testing the application", function() {
    it("launch the application", function() {

        // visit the lambdageeks page
        cy.visit('https://lambdageeks.com/')

        // validate the title
        cy.title().should('eq','Home - Lambda Geeks')
       
    });
});

सरू लॉगिन उदाहरण

हम सरू का उपयोग करके एक लॉगिन पृष्ठ को स्वचालित करने के उदाहरण देखेंगे। जैसा कि हमने पहले देखा, सरू में टेस्ट केस लिखना सरल है। अब हम टेक्स्ट फ़ील्ड और अभिकथन में मान सेट करने में कूदते हैं।

1. हम वेबसाइट पर जाते हैं https://demo.applitools.com/ का उपयोग करके cy.visit आदेश।

 cy.visit('https://demo.applitools.com/')

2. टाइप कमांड का उपयोग करके उपयोगकर्ता नाम फ़ील्ड में उपयोगकर्ता नाम दर्ज करें। हम उपयोगकर्ता नाम को एक पैरामीटर के रूप में एक स्ट्रिंग के रूप में पास करेंगे।

 cy.get('#username').type('test123')

3. इसी तरह हम पासवर्ड डालने के लिए भी यही कमांड लिखते हैं

 cy.get('#password').type('123')

4. अब, हम का उपयोग करके लॉगिन बटन पर क्लिक करते हैं click() साइप्रस में विधि।

cy.get('#log-in').click();

5. लॉग इन करने के बाद हम ऐप पेज पर पहुंच जाते हैं। इसलिए हम दावा करते हैं कि URL में /app एक्सटेंशन का उपयोग कर .include() चाई में कीवर्ड। चाहिए का पहला पैरामीटर वह कीवर्ड है जिसका हम दावा कर रहे हैं, और दूसरा पैरामीटर अपेक्षित परिणाम है।

cy.url().should('include', '/app')

हमने पांच सरल चरणों में एक लॉगिन कार्यक्षमता के लिए एक पूरा कोड लिखा है। नीचे आपके संदर्भ के लिए पूरा कोड है।

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

describe("Testing the application", function() {
    it("should login with username and password", function() {

        // visit the lambdageeks page
        cy.visit('https://demo.applitools.com/')

        cy.get('#username').type('test123')

        cy.get('#password').type('123')

        cy.get('#log-in').click();

        cy.url().should('include', '/app')

    });
});

सरू लॉन्च करते समय आम समस्याओं का समाधान और अक्सर पूछे जाने वाले प्रश्न

जब हम सरू को लॉन्च करने की कोशिश कर रहे हों तो कुछ सामान्य समस्याएं हो सकती हैं। हम कुछ सामान्य मुद्दों पर चर्चा करेंगे।

1. ओपन सरू कमांड के दौरान 'सरू' कमांड नहीं खोजा जा सका

एक बार इंस्टालेशन के बाद, हमें प्रोजेक्ट डायरेक्टरी के रूट से ओपन सरू कमांड पास करना चाहिए। उदाहरण के लिए, आपने CypressProject नाम का एक प्रोजेक्ट बनाया है; आपको पास करना चाहिए npm init CypressProject फ़ोल्डर में नेविगेट करके कमांड। आप टर्मिनल में नीचे दी गई कमांड देकर नेविगेट कर सकते हैं

cd CypressProject

एक बार जब आप प्रोजेक्ट के मूल में हों, तो इसे पास करें npm init निर्भरताओं को डाउनलोड करने के लिए आदेश।

अब सरू खोलने के लिए, कुछ लोग नेविगेट करने का प्रयास करते हैं /node_modules फ़ोल्डर और ./bin और फिर सरू ओपन कमांड पास करें। हालाँकि, यह इस तरह से काम नहीं करता है। तो इसके बजाय, सरू खोलने के लिए प्रोजेक्ट डायरेक्टरी की जड़ से पूरी खुली कमांड दें।

./node_modules/.bin/cypress open

साथ ही स्लैश को लेकर रहें सावधान'/'. हमेशा यह प्रदान करें'/' साइप्रस खोलने के लिए।

2. सरू लोड नहीं किया जा सकता क्योंकि इस पर स्क्रिप्ट चलाना अक्षम है प्रणाली

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

Set-ExecutionPolicy RemoteSigned

प्रजनन करने कि प्रक्रिया:

• ओपन पावरशेल
• यह आदेश चलाएँ Set-ExecutionPolicy RemoteSigned
• प्रकार Yes
• अब पास करके सरू को खोलो ./node_modules/.bin/cypress open. टेस्ट रनर अब खुलेगा।

FAQ

1. सरू द्वारा समर्थित कौन से ऑपरेटिंग सिस्टम हैं?

सरू का समर्थन करता है मैक, Windows, तथा Linux ऑपरेटिंग सिस्टम।

2. क्या सरू नेटिव मोबाइल ऐप्स में ऑटोमेशन का समर्थन करता है?

सरू कभी भी देशी मोबाइल ऐप पर नहीं चल पाएगा। लेकिन हम मोबाइल एप्लिकेशन का परीक्षण कर सकते हैं जो आइकॉनिक फ्रेमवर्क जैसे ब्राउज़र में लिखे गए हैं।

3. क्या सरू केवल जावास्क्रिप्ट-आधारित अनुप्रयोगों का समर्थन करता है?

नहीं! सरू रूबी ऑन रेल्स, नोड, पीएचपी, सी # जैसी भाषाओं में लिखे गए किसी भी वेब ब्राउज़र के साथ बातचीत कर सकता है। लेकिन हम अपने परीक्षण जावास्क्रिप्ट में लिखेंगे। अन्यथा, सरू किसी भी फ्रंट एंड, बैक एंड, भाषा और ढांचे के साथ बातचीत कर सकता है।