👨🏻‍🍳 😈 👹 सेलेनियम 4 में रिश्तेदार लोकेटर ✋🏼 🛎️ 🐘

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

रिश्तेदार लोकेटर

सेलेनियम 4 हमें रिश्तेदार लोकेटर - रिलेटिव लोकेटर (मूल रूप से फ्रेंडली लोकेटर कहा जाता है) लाया। यह कार्यक्षमता अन्य मदों के बगल में मौजूद आइटम खोजने में आपकी मदद करने के लिए जोड़ी गई है।

उपलब्ध विकल्प:

ऊपर () : खोज आइटम निर्दिष्ट आइटम से ऊपर है
नीचे () : खोजा गया आइटम निर्दिष्ट आइटम के नीचे है
.LeftOf () : खोज आइटम निर्दिष्ट आइटम के बाईं ओर स्थित है
.RROOf () : खोज आइटम निर्दिष्ट आइटम के दाईं ओर स्थित है
पास () : आप जिस आइटम की तलाश कर रहे हैं वह निर्दिष्ट आइटम से 50 पिक्सेल से अधिक नहीं है। दूरी निर्दिष्ट करने के लिए एक अतिभारित विधि भी है।

ये सभी विधियाँ By या WebElement को स्वीकार करने के लिए अतिभारित हैं।

रिश्तेदार लोकेटर का उपयोग करना

इस बुकस्टोर ऐप को एक उदाहरण के रूप में उपयोग करते हुए , हम यह सत्यापित करना चाहते हैं कि जावा में उन्नत सेलेनियम के बाईं ओर की पुस्तक जावा फॉर टेस्टर्स है। सापेक्ष निवासी हमें ऐसा करने की अनुमति देते हैं।

यहाँ

पहचानकर्ता pid6, और "Java फ़ॉर टेस्टर्स" pid5 द्वारा DOM में प्रस्तुत "जावा में उन्नत सेलेनियम" पुस्तकों के लिए DOM टुकड़ा है ।

एक विधि एक ऐसी विधि WebDriver::findElementले सकती है withTagName()जो एक वस्तु RelativeLocator.RelativeBy(बाय का वंशज) लौटाती है ।

driver.findElement(withTagName("li")

यहां मैं पहले से ही संबंधित लोकेटरों को निर्दिष्ट कर सकता हूं। मुझे पता है कि "जावा टेस्टर्स के लिए" जावा में "उन्नत सेलेनियम" (pid6) के बाईं ओर है और "रियल वर्ल्ड में टेस्ट ऑटोमेशन" (pid1) से नीचे है। इसलिए, मैं दोनों को इंगित कर सकता हूं:

driver.findElement(withTagName("li")
                .toLeftOf(By.id("pid6"))
                .below(By.id("pid1")));

और मुझे जावा फॉर टेस्टर्स (पी 5) मिलता है।

@Test
public void test_book5_is_left_of_book6_and_below_book1(){
    String id = driver.findElement(withTagName("li")
            .toLeftOf(By.id("pid6"))
            .below(By.id("pid1")))
            .getAttribute("id");
 
    assertEquals(id, "pid5");
}

हम उपयोग कर सकते हैं above()और तरीकों toRightOf()टेस्ट ऑटोमेशन (pid2) के अनुभव को खोजने के लिए:

@Test
public void test_book2_is_above_book6_and_right_of_book1(){
    String id = driver.findElement(withTagName("li")
                    .above(By.id("pid6"))
                    .toRightOf(By.id("pid1")))
            .getAttribute("id");
 
    assertEquals(id, "pid2");
}

यह काम किस प्रकार करता है?

मैं केवल " toLeftOf (By.id (" pid6 ")) को कॉल करके" जावा टेस्टर्स के लिए "नहीं खोज सका । अकेले, वह रियल वर्ल्ड (pid1) में टेस्ट ऑटोमेशन लौटाएगा। ऐसा इसलिए है क्योंकि यह driver.findElement()DOM की जड़ से खोज करता है, और <li>जावा में उन्नत सेलेनियम के बाईं ओर पहला आइटम रियल वर्ल्ड में टेस्ट ऑटोमेशन है।

सेलेनियम getBoundingClientRect()रिश्तेदार तत्वों की खोज के लिए जावास्क्रिप्ट फ़ंक्शन का उपयोग करता है । यह फ़ंक्शन तत्व गुणों को लौटाता है, जैसे कि दाएँ, बाएँ, नीचे और ऊपर।

इन तीन पुस्तकों के गुणों को देखते हुए, हम देखते हैं कि रियल वर्ल्ड में टेस्ट ऑटोमेशन (pid1) और जावा फॉर टेस्टर्स (pid5) दोनों में समान एक्स-अक्ष स्थिति है।

इस प्रकार, वे जावा फॉर टेस्टर्स के बाईं ओर हैं, वास्तविक दुनिया में टेस्ट ऑटोमेशन (pid1) पहला पाया गया।

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

जब मैं उपयोग करने का प्रयास कर रहा था तो मैं मित्रवत निवासियों के साथ एक समस्या में भाग गया था उन्हें इस ToDo ऐप में ।

मैंने toLeftOf()"अलविदा दुनिया" तत्व के बगल में इनपुट स्विच खोजने के लिए विधि का उपयोग करने की कोशिश की । नेत्रहीन, यह इनपुट स्विच "अलविदा दुनिया" लेबल के बाईं ओर स्थित है। यहाँ डोम में इस div है:

<div class="view" data-reactid=".0.1.2.$645c3b67-884e-4e4f-aecd-8f9367e670f8.0">
    <input class="toggle" type="checkbox" data-reactid=".0.1.2.$645c3b67-884e-4e4f-aecd-8f9367e670f8.0.0">
    <label data-reactid=".0.1.2.$645c3b67-884e-4e4f-aecd-8f9367e670f8.0.1">goodbye world</label>
    <button class="destroy" data-reactid=".0.1.2.$645c3b67-884e-4e4f-aecd-8f9367e670f8.0.2"></button>
</div>

यहाँ वह कोड है जिसका प्रयोग मैंने लेबल के बाईं ओर इनपुट तत्व को खोजने के लिए किया था:

driver.findElement(withTagName("input")
      .toLeftOf(By.xpath("//label[text()='goodbye world']")))
      .click();

हालांकि, मैं एक अपवाद के रूप में आया था: ऐसा लगता है कि हालांकि यह एक दृश्य के बाईं ओर है , वास्तव में यह नहीं है। मैंने इन दोनों तत्वों के लिए एक फ़ंक्शन कहा , और वे वास्तव में ओवरलैप करते हैं। ध्यान दें कि उन दोनों की स्थिति x 838 है, इसलिए तकनीकी रूप से बाईं ओर नहीं है । और जब मैं तत्व का चयन करता हूं, तो अब मैं देखता हूं कि यह वास्तव में तत्व को ओवरलैप करता है । <img src = " habrastorage.org/webt/hj/aa/46/hjaa46ps-of5_hhlplqaldclc7s.png " /

org.openqa.selenium.NoSuchElementException: Cannot locate an element using [unknown locator]

<input><label>getBoundingClientRect()<input><label>

<label><input>

नोट : यह सेलेनियम वेबड्राइवर का एक अल्फा संस्करण है। मैंने सेलेनियम के प्रोजेक्ट मैनेजर साइमन स्टीवर्ट से बात की और पाया कि फीडबैक के आधार पर कार्यान्वयन बदल सकता है।

बस इतना ही। जैसा कि आप देख राह पर !

सेलेनियम 4 में रिश्तेदार लोकेटर

रिश्तेदार लोकेटर

रिश्तेदार लोकेटर का उपयोग करना

यह काम किस प्रकार करता है?

More articles: