Element sieciowy w Selenium

Element sieciowy w Selenium

Formularze to podstawowe elementy internetowe, które gromadzą informacje od odwiedzających witrynę. Formularze internetowe zawierają różne elementy graficznego interfejsu użytkownika, takie jak pola tekstowe, pola haseł, pola wyboru, przyciski radiowe, listy rozwijane i pola wprowadzania plików.

W tym samouczku wyjaśniono, jak uzyskać dostęp do każdego elementu formularza za pomocą Selenium WebDriver z Java. Selenium hermetyzuje każdy element formularza jako obiekt WebElement. Udostępnia API do lokalizowania elementów i wykonywania na nich działań, w tym wprowadzania tekstu, klikania przycisków i przesyłania formularzy. Poniższe sekcje opisują metody dostępne dla każdego elementu formularza.

Wprowadzenie do WebElement, findElement(), findElements()

Selenium WebDriver reprezentuje prosty element formularza jako obiekt Element internetowy.

WebDriver identyfikuje elementy formularza, korzystając z różnych właściwości elementu internetowego, w tym ID, nazwy, klasy, XPath, Tagname, selektory CSS i tekst linku.

WebDriver udostępnia dwie następujące metody WebElement umożliwiające wyszukiwanie elementów:

• znajdźElement() – wyszukuje pojedynczy element sieciowy i zwraca go jako WebElement Selenium obiekt.
• findElements() – zwraca listę obiektów WebElement spełniających kryteria lokalizatora.

Poniższy przykład pokazuje, jak pobrać pojedynczy element, pole tekstowe na stronie internetowej, jako obiekt WebElement za pomocą metody findElement(). Metoda findElements() służąca do wyszukiwania wielu elementów zostanie omówiona w kolejnych samouczkach.

Krok 1) Zaimportuj pakiet wymagany do tworzenia obiektów WebElement.

Krok 2) Wywołaj metodę findElement() dostępną w klasie WebDriver, aby pobrać obiekt WebElement, jak pokazano poniżej.

Selenium Wprowadź tekst

Pola wprowadzania danych mogą być jednym z dwóch typów:

1. Pola tekstowe - Selenium pola tekstowe, które akceptują wpisywane wartości i wyświetlają je dokładnie tak, jak zostały wprowadzone.
2. Pola hasła – pola tekstowe, które akceptują wprowadzane wartości, ale maskują je jako ciąg znaków specjalnych (najczęściej kropek lub gwiazdek), aby ukryć poufne dane wejściowe.

   

Lokalizatory

Metoda findElement() przyjmuje jeden parametr, który jest lokalizatorem wskazującym na element. Różne lokalizatory, w tym By.id(), By.name(), By.xpath() i By.cssSelector(), wyszukują elementy na stronie za pomocą ich właściwości, takich jak id, nazwa lub ścieżka.

Za pomocą wtyczek takich jak FirePath można uzyskać identyfikator, ścieżkę xpath i inne wartości lokalizatora elementów.

Korzystając z przykładowej witryny https://demo.guru99.com/test/login.htmlPoniższy kod lokalizuje pole tekstowe „Adres e-mail” za pomocą lokalizatora identyfikatora i pole „Hasło” za pomocą lokalizatora nazwy.

1. Pole tekstowe e-maila znajduje się według identyfikatora.
2. Pole hasła znajduje się według nazwy.

wyślij klucze Selenium

sendKeys() w Selenium to metoda służąca do wprowadzania edytowalnej treści w polach tekstowych i hasła podczas wykonywania testu. Pola te są identyfikowane za pomocą lokalizatorów, takich jak nazwa, klasa i identyfikator. Metoda jest dostępna w obiekcie WebElement. W przeciwieństwie do metody typu, sendKeys() nie zastępuje istniejącego tekstu w polu tekstowym.

Jak wprowadzić tekst w Selenium

Aby wprowadzić tekst do pól tekstowych i pól haseł, metoda sendKeys() jest dostępna w WebElement w Selenium.

Używając tego samego przykładu https://demo.guru99.com/test/login.htmlponiższy fragment kodu lokalizuje pole tekstowe i pole hasła i wprowadza tekst Selenium.

1. Znajdź pole tekstowe „Adres e-mail” za pomocą lokalizatora identyfikatorów.
2. Znajdź pole „Hasło” za pomocą lokalizatora nazw.
3. Wprowadź tekst w polu „Adres e-mail” za pomocą Selenium metoda sendKeys.
4. Wprowadź hasło w polu „Hasło” za pomocą metody sendKeys().

Usuwanie wartości wejściowych Boxes

jasny() Metoda usuwa tekst znajdujący się wewnątrz pola wprowadzania danych. Ta metoda nie wymaga parametru. Poniższy fragment usuwa tekst z pól Adres e-mail lub Hasło.

Selenium Kliknij Przyciski

Selenium Dostęp do przycisku kliknięcia uzyskuje się za pomocą metody click().

W powyższym przykładzie

1. Znajdź przycisk Zaloguj się.
2. Aby uwierzytelnić się, kliknij przycisk „Zaloguj się” na stronie logowania witryny.

Selenium Przyciski Prześlij

Przyciski „Prześlij” wysyłają cały formularz na serwer. Możesz wywołać metodę click() na elemencie WebElement, jak pokazano powyżej, lub użyć metody submit() na dowolnym elemencie formularza lub na samym przycisku „Prześlij”.

Po użyciu funkcji submit() WebDriver przeszukuje DOM w celu zidentyfikowania formularza, do którego należy element, a następnie uruchamia funkcję submit.

Absolutna Code

Oto kompletny, działający kod.

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

Rozwiązywanie problemów

Jeżeli podczas wyszukiwania elementów napotkasz wyjątek NoSuchElementException(), oznacza to, że element nie znajduje się na stronie w momencie, gdy WebDriver uzyskuje do niego dostęp.

1. Sprawdź ponownie swój lokalizator za pomocą FirePath lub opcji Zbadaj element w Chrome.
2. Sprawdź, czy wartość użyta w kodzie różni się od bieżącej wartości elementu widocznej w FirePath.
3. Niektóre atrybuty są dynamiczne dla określonych elementów. Jeśli wartość zmienia się dynamicznie, skorzystaj z By.xpath() lub By.cssSelector(), które są bardziej niezawodne, ale nieco bardziej złożone.
4. Czasami problemem jest warunek oczekiwania; WebDriver może wykonać kod przed zakończeniem ładowania strony.
5. Dodaj oczekiwanie przed findElement() przy użyciu niejawnych lub jawnych oczekiwań.

Podsumowanie

• Poniższa tabela podsumowuje polecenia umożliwiające dostęp do każdego typu elementu omówionego powyżej.

• WebDriver umożliwia wybór więcej niż jednej opcji w wielokrotnym elemencie SELECT.
• Możesz użyć metody submit() dla dowolnego elementu w formularzu. WebDriver automatycznie uruchamia funkcję submit formularza, do którego należy dany element.

FAQ