WebElement i Selenium

WebElement i Selenium

Skjemaer er de grunnleggende webelementene som samler inn informasjon fra besøkende på nettstedet. Nettskjemaer inkluderer forskjellige GUI-kontroller som tekstbokser, passordfelt, avmerkingsbokser, radioknapper, rullegardinmenyer og filinndata.

Denne veiledningen forklarer hvordan du får tilgang til hvert skjemaelement ved hjelp av Selenium WebDriver med Java. Selenium innkapsler hvert formelement som et objekt av WebElement. Den tilbyr et API for å finne elementer og handle ut fra dem, inkludert å skrive inn tekst, klikke på knapper og sende inn skjemaer. Avsnittene nedenfor dekker metodene som er tilgjengelige for hvert skjemaelement.

Introduksjon til WebElement, findElement(), findElements()

Selenium WebDriver representerer et enkelt formelement som et objekt for WebElement.

WebDriver identifiserer skjemaelementer ved hjelp av forskjellige egenskaper for webelementet, inkludert ID, navn, klasse XPath, Tagnavn, CSS-selektorer og lenketekst.

WebDriver tilbyr følgende to WebElement-metoder for å finne elementer:

• findElement() – finner et enkelt webelement og returnerer det som et WebElement Selenium gjenstand.
• findElements() – returnerer en liste over WebElement-objekter som samsvarer med lokaliseringskriteriene.

Eksemplet nedenfor viser hvordan du henter et enkelt element, et tekstfelt på en nettside, som et WebElement-objekt ved hjelp av findElement()-metoden. findElements()-metoden for å finne flere elementer dekkes i senere veiledninger.

Trinn 1) Importer pakken som kreves for å opprette WebElement-objekter.

Trinn 2) Kall findElement()-metoden som er tilgjengelig i WebDriver-klassen for å hente et WebElement-objekt, som vist nedenfor.

Selenium Skriv inn tekst

Inndatabokser refererer til en av disse to typene:

1. Tekstfelt - Selenium tekstbokser som godtar skrevne verdier og viser dem nøyaktig slik de er skrevet inn.
2. Passordfelt – tekstbokser som godtar skrevne verdier, men maskerer dem som en serie spesialtegn (vanligvis prikker eller stjerner) for å skjule sensitiv inndata.

   

Lokalister

findElement()-metoden tar én parameter, som er en locator som peker til elementet. Ulike locatorer, inkludert By.id(), By.name(), By.xpath() og By.cssSelector(), finner elementer på siden ved hjelp av egenskapene deres, som id, navn eller sti.

Du kan bruke programtillegg som FirePath for å hente ID-, XPATH- og andre locator-verdier for elementer.

Ved å bruke eksempelsiden https://demo.guru99.com/test/login.html, koden nedenfor finner tekstfeltet «E-postadresse» ved hjelp av ID-lokaliseringen og «Passord»-feltet ved hjelp av navnelokaliseringen.

1. E-posttekstfeltet er plassert etter ID.
2. Passordfeltet er plassert etter navn.

sendnøkler inn Selenium

sendKeys() i Selenium er en metode som brukes til å legge inn redigerbart innhold i tekst- og passordfelt under testkjøring. Disse feltene identifiseres gjennom lokatorer som navn, klasse og id. Metoden er tilgjengelig på WebElement-objektet. I motsetning til type-metoden erstatter ikke sendKeys() den eksisterende teksten i en tekstboks.

Hvordan skrive inn tekst Selenium

For å skrive inn tekst i tekstfelt og passordfelt, er sendKeys() metoden som er tilgjengelig på WebElement i Selenium.

Bruker samme eksempel på https://demo.guru99.com/test/login.html, kodebiten nedenfor finner tekstfeltet og passordfeltet og skriver inn tekst i Selenium.

1. Finn tekstfeltet «E-postadresse» ved hjelp av ID-søkeren.
2. Finn «Passord»-feltet ved hjelp av navnesøkeren.
3. Skriv inn tekst i "E-postadresse" ved å bruke Selenium sendKeys-metoden.
4. Skriv inn et passord i "Passord"-feltet ved å bruke sendKeys()-metoden.

Sletting av verdier i inndata Boxes

Ocuco klar() Metoden sletter teksten i en inndataboks. Denne metoden trenger ikke en parameter. Kodeutdraget nedenfor fjerner teksten fra feltene for e-post eller passord.

Selenium Klikk Knapper

Ocuco Selenium klikkknappen nås ved hjelp av click()-metoden.

I eksemplet ovenfor

1. Finn knappen for å logge inn.
2. Klikk på «Logg inn»-knappen på nettstedets innloggingsside for å autentisere.

Selenium Send inn-knapper

Send-knapper sender hele skjemaet til serveren. Du kan enten kalle click()-metoden på WebElement, som vist ovenfor, eller bruke submit()-metoden på et hvilket som helst element i skjemaet eller på selve send-knappen.

Når submit() brukes, slår WebDriver opp DOM-en for å identifisere skjemaet som elementet tilhører, og utløser deretter submit-funksjonen.

Komplett Code

Her er den komplette fungerende koden.

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();
    }
}

Feilsøking

Hvis du støter på NoSuchElementException() mens du søker etter elementer, finnes ikke elementet på siden i det øyeblikket WebDriver åpnet det.

1. Sjekk posisjoneringsverktøyet ditt på nytt ved hjelp av FirePath eller alternativet Inspiser element i Chrome.
2. Sjekk om verdien som brukes i koden er forskjellig fra den gjeldende verdien til elementet som vises i FirePath.
3. Noen attributter er dynamiske for visse elementer. Hvis en verdi endres dynamisk, bytt til By.xpath() eller By.cssSelector(), som er mer pålitelige, men litt mer komplekse.
4. Noen ganger er problemet en ventetilstand; WebDriver kan kjøre koden før siden er ferdig lastet inn.
5. Legg til en ventetid før findElement() ved å bruke implisitte eller eksplisitte ventetider.

Sammendrag

• Tabellen nedenfor oppsummerer kommandoene for å få tilgang til hver type element som er omtalt ovenfor.

• WebDriver tillater valg av mer enn ett alternativ i et multippel SELECT-element.
• Du kan bruke submit()-metoden på et hvilket som helst element i skjemaet. WebDriver utløser automatisk submit-funksjonen til skjemaet som elementet tilhører.

Spørsmål og svar