WebElement be Selenium

WebElement be Selenium

Az űrlapok az alapvető webes elemek, amelyek információkat rögzítenek a weboldal látogatóitól. A webes űrlapok különböző grafikus felhasználói felület (GUI) vezérlőket tartalmaznak, például szövegmezőket, jelszómezőket, jelölőnégyzeteket, választógombokat, legördülő menüket és fájlbeviteli lehetőségeket.

Ez az oktatóanyag elmagyarázza, hogyan férhet hozzá az egyes űrlapelemekhez a következő használatával: Selenium WebDriver with Java. Selenium minden űrlapelemet a WebElement objektumaként tartalmaz. API-t biztosít az elemek megkereséséhez és a velük való műveletekhez, beleértve a szövegbevitelt, a gombokra kattintást és az űrlapok elküldését. Az alábbi szakaszok az egyes űrlapelemekhez elérhető metódusokat ismertetik.

A WebElement bemutatása, findElement(), findElements()

Selenium A WebDriver egy egyszerű űrlapelemet reprezentál a következő objektumaként: WebElem.

A WebDriver az űrlapelemeket a webelem különböző tulajdonságainak, például az azonosítónak, névnek és osztálynak a felhasználásával azonosítja. XPath, Címkenév, CSS-szelektorok és hivatkozásszöveg.

A WebDriver a következő két WebElement metódust biztosítja az elemek kereséséhez:

• findElement() – egyetlen webes elemet talál, és azt WebElementként adja vissza Selenium tárgy.
• FindElements() – a helymeghatározó feltételeknek megfelelő WebElement objektumok listáját adja vissza.

Az alábbi példa bemutatja, hogyan lehet egyetlen elemet, egy weboldalon található szövegmezőt WebElement objektumként lekérni a findElement() metódus használatával. A több elem keresésére szolgáló findElements() metódust a későbbi oktatóanyagokban tárgyaljuk.

Step 1) Importálja a WebElement objektumok létrehozásához szükséges csomagot.

Step 2) A WebDriver osztályon elérhető findElement() metódus meghívásával kérhetünk le egy WebElement objektumot, ahogy az alább látható.

Selenium Szöveg bevitele

A beviteli mezők a következő két típus valamelyikére utalnak:

1. Szövegmezők - Selenium beviteli szövegmezők, amelyek beírt értékeket fogadnak el, és pontosan úgy jelenítik meg azokat, ahogyan beírták.
2. Jelszómezők – szövegmezők, amelyek beírt értékeket fogadnak el, de speciális karakterek (általában pontok vagy csillagok) sorozataként maszkolják azokat, hogy elrejtsék a bizalmas bemenetet.

   

Helymeghatározók

A findElement() metódus egyetlen paramétert fogad el, ami egy lokátor, amely az elemre mutat. Különböző lokátorok, mint például a By.id(), By.name(), By.xpath() és By.cssSelector(), az oldalon található elemek tulajdonságaik, például id, name vagy path alapján keresnek rájuk.

Használhatsz olyan bővítményeket, mint a FirePath, hogy lekérd az elemek azonosítóját, xpath-ját és egyéb lokátorértékeit.

A példaoldal segítségével https://demo.guru99.com/test/login.htmlAz alábbi kód az „E-mail cím” szövegmezőt az azonosítókereső, a „Jelszó” mezőt pedig a névkereső segítségével keresi meg.

1. Az e-mail szövegmező az azonosító mellett található.
2. A jelszó mező a név mellett található.

küldje be a kulcsokat Selenium

sendKeys() függvény Selenium egy metódus, amely szerkeszthető tartalom bevitelére szolgál szöveg- és jelszómezőkbe a teszt végrehajtása során. Ezeket a mezőket lokátorok, például név, osztály és azonosító azonosítják. A metódus a WebElement objektumon érhető el. A type metódussal ellentétben a sendKeys() nem cseréli le a szövegmezőben lévő meglévő szöveget.

Hogyan írjunk be szöveget Selenium

Szöveg beírásához szövegmezőkbe és jelszómezőkbe a sendKeys() metódus érhető el a WebElementben a Selenium.

Ugyanazt a példát használva https://demo.guru99.com/test/login.html, az alábbi kódrészlet megkeresi a szövegmezőt és a jelszó mezőt, és beírja a szöveget Selenium.

1. Keresd meg az „E-mail cím” szövegmezőt az azonosítókereső segítségével.
2. Keresd meg a „Jelszó” mezőt a névkereső segítségével.
3. A gombbal írjon be szöveget az „E-mail cím” mezőbe Selenium sendKeys metódus.
4. Írjon be egy jelszót a „Password” mezőbe a sendKeys() metódussal.

Értékek törlése a bevitelben Boxes

Az egyértelmű() A metódus törli a beviteli mezőben található szöveget. Ennek a metódusnak nincs szüksége paraméterre. Az alábbi kódrészlet törli a szöveget az E-mail vagy Jelszó mezőkből.

Selenium Kattintson a Gombokra

Az Selenium A click gombra a click() metódussal lehet hozzáférni.

A fenti példában

1. Keresd meg a Bejelentkezés gombot.
2. A hitelesítéshez kattintson a webhely bejelentkezési oldalán található „Bejelentkezés” gombra.

Selenium Beküldő gombok

A küldés gombok a teljes űrlapot elküldik a szerverre. Meghívhatod a click() metódust a WebElement elemen, ahogy fentebb látható, vagy használhatod a submit() metódust az űrlap bármely elemén, vagy magán a küldés gombon.

A submit() függvény használatakor a WebDriver a DOM-ban keresi meg az elemhez tartozó űrlapot, majd elindítja a submit függvényt.

teljes Code

Itt a teljes működő kód.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.*;

public class Form {
    public static void main(String[] args) {

        // declaration and instantiation of objects/variables
        System.setProperty("webdriver.chrome.driver", "G:\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();

        String baseUrl = "https://demo.guru99.com/test/login.html";
        driver.get(baseUrl);

        // Get the WebElement corresponding to the Email Address(TextField)
        WebElement email = driver.findElement(By.id("email"));

        // Get the WebElement corresponding to the Password Field
        WebElement password = driver.findElement(By.name("passwd"));

        email.sendKeys("abcd@gmail.com");
        password.sendKeys("abcdefghlkjl");
        System.out.println("Text Field Set");

        // Deleting values in the text box
        email.clear();
        password.clear();
        System.out.println("Text Field Cleared");

        // Find the submit button
        WebElement login = driver.findElement(By.id("SubmitLogin"));

        // Using click method to submit form
        email.sendKeys("abcd@gmail.com");
        password.sendKeys("abcdefghlkjl");
        login.click();
        System.out.println("Login Done with Click");

        // Using submit method to submit the form. Submit used on password field
        driver.get(baseUrl);
        driver.findElement(By.id("email")).sendKeys("abcd@gmail.com");
        driver.findElement(By.name("passwd")).sendKeys("abcdefghlkjl");
        driver.findElement(By.id("SubmitLogin")).submit();
        System.out.println("Login Done with Submit");

        // driver.close();
    }
}

Hibaelhárítás

Ha a NoSuchElementException() hibába ütközik az elemek keresése során, akkor az elem nincs jelen az oldalon abban a pillanatban, amikor a WebDriver hozzáfért hozzá.

1. Ellenőrizd újra a helymeghatározódat a FirePath vagy a Chrome Elem vizsgálata opciójával.
2. Ellenőrizd, hogy a kódban használt érték eltér-e az elem FirePath-ban látható aktuális értékétől.
3. Bizonyos elemek esetében bizonyos attribútumok dinamikusak. Ha egy érték dinamikusan változik, válts a By.xpath() vagy a By.cssSelector() metódusra, amelyek megbízhatóbbak, de valamivel összetettebbek.
4. Előfordul, hogy a probléma egy várakozási állapot; a WebDriver végrehajthatja a kódot, mielőtt az oldal betöltődne.
5. Adjon hozzá egy várakozást a findElement() előtt implicit vagy explicit várakozással.

Összegzésként

• Az alábbi táblázat összefoglalja a fent tárgyalt egyes elemtípusok eléréséhez szükséges parancsokat.

• A WebDriver lehetővé teszi egynél több lehetőség kiválasztását több SELECT elemben.
• A submit() metódust az űrlap bármely elemén használhatod. A WebDriver automatikusan elindítja az elemhez tartozó űrlap submit függvényét.

GYIK