WebElement i Selenium

WebElement i Selenium

Formularer er de grundlæggende webelementer, der indsamler oplysninger fra besøgende på webstedet. Webformularer indeholder forskellige GUI-kontroller såsom tekstbokse, adgangskodefelter, afkrydsningsfelter, radioknapper, rullemenuer og filinput.

Denne vejledning forklarer, hvordan man får adgang til hvert formularelement ved hjælp af Selenium WebDriver med Java. Selenium indkapsler hvert formelement som et objekt af WebElement. Den tilbyder en API til at finde elementer og reagere på dem, herunder indtastning af tekst, klik på knapper og indsendelse af formularer. Afsnittene nedenfor dækker de metoder, der er tilgængelige for hvert formularelement.

Introduktion til WebElement, findElement(), findElements()

Selenium WebDriver repræsenterer et simpelt formularelement som et objekt for WebElement.

WebDriver identificerer formularelementer ved hjælp af forskellige egenskaber for webelementet, herunder ID, navn, klasse XPath, Tagname, CSS-selektorer og linktekst.

WebDriver tilbyder følgende to WebElement-metoder til at finde elementer:

• findElement() – finder et enkelt webelement og returnerer det som et WebElement Selenium objekt.
• findElements() – returnerer en liste over WebElement-objekter, der matcher lokaliseringskriterierne.

Eksemplet nedenfor viser, hvordan man henter et enkelt element, et tekstfelt på en webside, som et WebElement-objekt ved hjælp af findElement()-metoden. findElements()-metoden til at finde flere elementer er dækket i efterfølgende vejledninger.

Trin 1) Importer den pakke, der kræves for at oprette WebElement-objekter.

Trin 2) Kald metoden findElement(), der er tilgængelig i WebDriver-klassen, for at hente et WebElement-objekt, som vist nedenfor.

Selenium Indtastningstekst

Inputbokse refererer til en af ​​disse to typer:

1. Tekstfelter - Selenium inputtekstfelter, der accepterer indtastede værdier og viser dem præcis som indtastet.
2. Adgangskodefelter – tekstbokse, der accepterer indtastede værdier, men maskerer dem som en række specialtegn (normalt prikker eller stjerner) for at skjule følsomme input.

   

locators

Metoden findElement() bruger én parameter, som er en locator, der peger på elementet. Forskellige locatorer, herunder By.id(), By.name(), By.xpath() og By.cssSelector(), finder elementer på siden ved hjælp af deres egenskaber såsom id, navn eller sti.

Du kan bruge plugins som FirePath til at hente id'et, xpath'en og andre locator-værdier for elementer.

Brug af eksempelsiden https://demo.guru99.com/test/login.html, koden nedenfor finder tekstfeltet "E-mailadresse" ved hjælp af id-lokaliseringsværktøjet og feltet "Adgangskode" ved hjælp af navnelokaliseringsværktøjet.

1. E-mail-tekstfeltet er placeret efter id.
2. Adgangskodefeltet er placeret efter navn.

send nøgler ind Selenium

sendKeys() i Selenium er en metode, der bruges til at indtaste redigerbart indhold i tekst- og adgangskodefelter under testudførelse. Disse felter identificeres via lokatorer såsom navn, klasse og id. Metoden er tilgængelig på WebElement-objektet. I modsætning til type-metoden erstatter sendKeys() ikke den eksisterende tekst i en tekstboks.

Sådan indtaster du tekst Selenium

For at indtaste tekst i tekstfelter og adgangskodefelter er sendKeys() den metode, der er tilgængelig på WebElement i Selenium.

Bruger det samme eksempel på https://demo.guru99.com/test/login.html, nedenstående uddrag finder tekstfeltet og adgangskodefeltet og indtaster tekst i Selenium.

1. Find tekstfeltet "E-mailadresse" ved hjælp af id-søgeren.
2. Find feltet "Adgangskode" ved hjælp af navnefinderen.
3. Indtast tekst i "E-mailadresse" ved hjælp af Selenium sendKeys-metoden.
4. Indtast en adgangskode i feltet "Password" ved hjælp af sendKeys() metoden.

Sletning af værdier i input Boxes

klar() Metoden sletter teksten i et inputfelt. Denne metode behøver ikke en parameter. Uddraget nedenfor fjerner teksten fra felterne E-mail eller Adgangskode.

Selenium Klik på knapper

Selenium Klikknappen tilgås ved hjælp af click()-metoden.

I eksemplet ovenfor

1. Find knappen for at logge ind.
2. Klik på knappen "Log ind" på webstedets loginside for at godkende.

Selenium Send knapper

Send-knapper sender hele formularen til serveren. Du kan enten kalde click()-metoden på WebElementet, som vist ovenfor, eller bruge submit()-metoden på et hvilket som helst element i formularen eller på selve send-knappen.

Når submit() bruges, slår WebDriver DOM'en op for at identificere den formular, som elementet tilhører, og udløser derefter dens submit-funktion.

Komplet Code

Her er den komplette fungerende kode.

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

Fejlfinding

Hvis du støder på NoSuchElementException(), mens du søger efter elementer, er elementet ikke til stede på siden i det øjeblik, WebDriver tilgik det.

1. Tjek din lokator igen ved hjælp af FirePath eller indstillingen Inspicer Element i Chrome.
2. Kontroller, om den anvendte værdi i koden afviger fra den aktuelle værdi af elementet, der ses i FirePath.
3. Nogle attributter er dynamiske for bestemte elementer. Hvis en værdi ændres dynamisk, skal du skifte til By.xpath() eller By.cssSelector(), som er mere pålidelige, men lidt mere komplekse.
4. Nogle gange er problemet en ventetilstand; WebDriver udfører muligvis koden, før siden er færdigindlæst.
5. Tilføj en ventetid før findElement() ved hjælp af implicitte eller eksplicitte ventetider.

Resumé

• Tabellen nedenfor opsummerer kommandoerne til at få adgang til hver type element, der er omtalt ovenfor.

• WebDriver tillader valg af mere end én mulighed i et multiple SELECT-element.
• Du kan bruge submit()-metoden på ethvert element i formularen. WebDriver udløser automatisk submit-funktionen for den formular, som elementet tilhører.

Ofte Stillede Spørgsmål