WebElement in Selenium

WebElement in Selenium

Formulare sind die grundlegenden Webelemente, die Informationen von Website-Besuchern erfassen. Webformulare umfassen verschiedene GUI-Steuerelemente wie Textfelder, Passwortfelder, Kontrollkästchen, Optionsfelder, Dropdown-Menüs und Dateiauswahlfelder.

Dieses Tutorial erklärt, wie man auf jedes Formularelement zugreift. Selenium WebDriver mit Java. Selenium kapselt jedes Formularelement als Objekt von WebElement. Es bietet eine API zum Auffinden von Elementen und deren Bearbeitung, einschließlich der Texteingabe, des Klickens auf Schaltflächen und des Absendens von Formularen. Die folgenden Abschnitte beschreiben die für jedes Formularelement verfügbaren Methoden.

Einführung in WebElement, findElement(), findElements()

Selenium WebDriver stellt ein einfaches Formularelement als Objekt dar. WebElement.

WebDriver identifiziert Formularelemente anhand verschiedener Eigenschaften des Webelements, darunter ID, Name und Klasse. XPathTagname, CSS-Selektoren und Linktext.

WebDriver stellt die folgenden beiden WebElement-Methoden zum Auffinden von Elementen bereit:

• findElement() – findet ein einzelnes Web-Element und gibt es als WebElement zurück. Selenium Objekt.
• findElements() – gibt eine Liste von WebElement-Objekten zurück, die den Locator-Kriterien entsprechen.

Das folgende Beispiel zeigt, wie man ein einzelnes Element – ​​ein Textfeld auf einer Webseite – als WebElement-Objekt mithilfe der Methode `findElement()` abruft. Die Methode `findElements()` zum Auffinden mehrerer Elemente wird in späteren Tutorials behandelt.

Schritt 1) Importieren Sie das Paket, das zum Erstellen von WebElement-Objekten benötigt wird.

Schritt 2) Rufen Sie die in der Klasse WebDriver verfügbare Methode findElement() auf, um ein WebElement-Objekt abzurufen, wie unten gezeigt.

Selenium Eingabetext

Eingabefelder beziehen sich auf einen dieser beiden Typen:

1. Textfelder - Selenium Eingabetextfelder, die eingegebene Werte entgegennehmen und diese genau so anzeigen, wie sie eingegeben wurden.
2. Passwortfelder – Textfelder, die eingegebene Werte akzeptieren, diese aber als eine Reihe von Sonderzeichen (üblicherweise Punkte oder Sternchen) maskieren, um sensible Eingaben zu verbergen.

   

Locators

Die Methode `findElement()` benötigt einen Parameter, einen Locator, der auf das Element verweist. Verschiedene Locatoren, darunter `By.id()`, `By.name()`, `By.xpath()` und `By.cssSelector()`, finden Elemente auf der Seite anhand ihrer Eigenschaften wie ID, Name oder Pfad.

Sie können Plugins wie FirePath verwenden, um die ID, den XPath und andere Locatorwerte für Elemente zu erhalten.

Verwendung der Beispielseite https://demo.guru99.com/test/login.htmlDer unten stehende Code lokalisiert das Textfeld „E-Mail-Adresse“ mithilfe des ID-Locators und das Feld „Passwort“ mithilfe des Namens-Locators.

1. Das E-Mail-Textfeld befindet sich anhand der ID.
2. Das Passwortfeld befindet sich neben dem Namen.

sendkeys rein Selenium

sendKeys() in Selenium `sendKeys()` ist eine Methode, mit der während der Testausführung bearbeitbare Inhalte in Text- und Passwortfelder eingegeben werden können. Diese Felder werden über Locatoren wie Name, Klasse und ID identifiziert. Die Methode ist im `WebElement`-Objekt verfügbar. Im Gegensatz zur `type`-Methode ersetzt `sendKeys()` den vorhandenen Text in einem Textfeld nicht.

So geben Sie Text ein Selenium

Um Text in Textfelder und Passwortfelder einzugeben, steht die Methode sendKeys() des WebElements zur Verfügung. Selenium.

Verwenden Sie das gleiche Beispiel von https://demo.guru99.com/test/login.htmlDer unten stehende Codeausschnitt findet das Textfeld und das Passwortfeld und gibt Text ein. Selenium.

1. Suchen Sie mithilfe des ID-Locators nach dem Textfeld „E-Mail-Adresse“.
2. Suchen Sie das Feld „Passwort“ mithilfe des Namenslocators.
3. Geben Sie Text in das Feld „E-Mail-Adresse“ ein. Verwenden Sie dazu Selenium sendKeys-Methode.
4. Geben Sie mit der Methode sendKeys() ein Passwort in das Feld „Passwort“ ein.

Werte in der Eingabe löschen Boxes

Das klar() Die Methode löscht den Text innerhalb eines Eingabefelds. Diese Methode benötigt keinen Parameter. Der folgende Codeausschnitt löscht den Text aus den Feldern „E-Mail“ oder „Passwort“.

Selenium Klicken Sie auf Schaltflächen

Das Selenium Der Klick-Button wird über die Methode click() aufgerufen.

Im obigen Beispiel

1. Suchen Sie die Schaltfläche zum Anmelden.
2. Klicken Sie auf der Anmeldeseite der Website auf die Schaltfläche „Anmelden“, um sich zu authentifizieren.

Selenium Schaltflächen zum Senden

Absenden-Buttons senden das gesamte Formular an den Server. Sie können entweder die Methode `click()` des WebElements aufrufen, wie oben gezeigt, oder die Methode `submit()` eines beliebigen Elements im Formular oder des Absenden-Buttons selbst verwenden.

Bei Verwendung von submit() sucht WebDriver im DOM nach dem Formular, zu dem das Element gehört, und löst dann dessen Submit-Funktion aus.

Komplett Code

Hier ist der vollständige, funktionierende Code.

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

Problemlösung

Wenn beim Suchen von Elementen eine NoSuchElementException() auftritt, ist das Element zum Zeitpunkt des Zugriffs durch WebDriver auf der Seite nicht vorhanden.

1. Überprüfen Sie Ihren Locator mit FirePath oder der Option „Element untersuchen“ in Chrome.
2. Prüfen Sie, ob der im Code verwendete Wert vom aktuellen Wert des Elements in FirePath abweicht.
3. Manche Attribute sind für bestimmte Elemente dynamisch. Wenn sich ein Wert dynamisch ändert, verwenden Sie By.xpath() oder By.cssSelector(), da diese zuverlässiger, aber etwas komplexer sind.
4. Manchmal liegt das Problem in einer Wartebedingung; WebDriver führt den Code möglicherweise aus, bevor die Seite vollständig geladen ist.
5. Fügen Sie vor findElement() eine Wartezeit hinzu, indem Sie implizite oder explizite Wartezeiten verwenden.

Zusammenfassung

• Die folgende Tabelle fasst die Befehle zum Zugriff auf die oben genannten Elementtypen zusammen.

• WebDriver ermöglicht die Auswahl von mehr als einer Option in einem Mehrfach-SELECT-Element.
• Sie können die Methode `submit()` für jedes Element innerhalb des Formulars verwenden. WebDriver löst automatisch die Submit-Funktion des Formulars aus, zu dem das Element gehört.

Häufig gestellte Fragen