Menu

Jak wybrać przyciski radiowe w Selenium WebDriver?

  • Główny
  • Inny
  • Jak wybrać przyciski radiowe w Selenium WebDriver?

how select radio buttons selenium webdriver

Porównanie narzędzi do zarządzania wymaganiami open source

Wypróbuj Nasz Instrument Do Eliminowania Problemów

Ten samouczek wyjaśnia, jak wybrać przyciski radiowe w selenium, w tym implementację kodu i różne metody wybierania przycisków radiowych na stronie internetowej:

Przycisk radiowy to nic innego jak element graficzny, który kontroluje wybór opcji, umożliwiając w ten sposób użytkownikowi wybranie dowolnej opcji z zestawu opcji. Znany jest również jako przycisk opcji.

Przyciski radiowe są tak zwane ze względu na funkcjonalność, którą mają podobne do kanałów Radia, tj. W danym momencie można wybrać tylko jeden przycisk.

Selenium to jedno z najpopularniejszych narzędzi do testowania automatyki, które obsługuje prawie wszystkie operacje, a przycisk Radio jest jednym z nich. Przyjrzyjmy się zastosowaniu narzędzia automatyzacji, aby zrozumieć działanie przycisku radiowego.

=> Sprawdź WSZYSTKIE samouczki dotyczące Selenium tutaj

Obsługa przycisków radiowych w selenie

W tym samouczku zobaczymy, jak obsługiwać przyciski radiowe za pomocą Selenium.

Czego się nauczysz:

Przyciski radiowe w formacie HTML

Najpierw przyjrzyjmy się zastosowaniu przycisku opcji na stronie HTML. W HTML przycisk Radio służy do wyboru jednej opcji z listy podanych opcji.

Sprawdź poniższy przykład, aby zrozumieć, w jaki sposób tworzone są przyciski radiowe w HTML.

Confirmation

Select a Radio button for confirmation

Yes
No
May Be

Gdzie,

  • rodzaj : Znacznik wejściowy mający rodzaj atrybut. Byłoby to głównie „Radio” dla przycisków opcji.
  • Nazwa : To jest Nazwa elementu wejściowego. Mówi się, że zestaw przycisków radiowych o tej samej nazwie tworzy grupę radiową.
  • wartość : Tak jest wartość odpowiadający jego przycisk Radio.

Poniżej wymieniono kilka innych punktów oprócz powyższych:

  1. Strona HTML nosi nazwę „Potwierdzenie”.
  2. Ma tytuł „Wybierz przycisk radiowy do potwierdzenia”.
  3. Dostępne są trzy przyciski radiowe: tak, nie, może być.

Poniższy obraz daje jasny obraz utworzonej strony HTML.

Wybierz przycisk radiowy

Implementacja kodu do obsługi przycisków radiowych w selenie

Wybór przycisku radiowego, w którym mamy do wyboru tylko jedną opcję naraz, umożliwia użytkownikowi wybranie jednej z opcji z listy podanych opcji. Poniższa implementacja daje jasny obraz obsługi przycisków radiowych za pomocą Selenium WebDriver.

Poniżej przedstawiono zrzut ekranu strony HTML, która zawiera sekcję przycisku radiowego. Poniższa strona HTML, która zawiera zestaw przycisków opcji wyboru koloru i rozmiaru, jest tworzona i używana do testowania.

przyciski radiowe do wyboru koloru i rozmiaru

Kod implementacji wyboru przycisku radiowego:

package project1; import java.io.IOException; import java.util.concurrent.TimeUnit; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class radio { public static void main(String() args) throws IOException { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('file:///E:/Selenium class/Programs/Sonali/bin/project1/form2selenium.html'); WebElement radio = driver.findElement(By.xpath('//input(@id='i-green')')); radio.click(); WebElement radio2 = driver.findElement(By.xpath('//input(@value='Medium')')); radio2.click(); } }

Dane wyjściowe otrzymane po wykonaniu tego kodu są pokazane na poniższym zrzucie ekranu:

Wyjście - przycisk opcji koloru

Metody selekcji pierwiastków radiowych przy użyciu selenu

Selen obejmuje różne sposoby, za pomocą których możemy wybierać elementy Radio na stronie internetowej.

Poniżej przedstawiono różne metody:

  1. Według atrybutów ID
  2. Używanie jest zaznaczone ()
  3. Korzystanie z nazwy
  4. Korzystanie z elementu Wartość
  5. Według CSS Selector
  6. Dzięki XPath

Rozważ poniższy obraz, aby zrozumieć przykłady każdej z metod wyboru:

metody selekcji

# 1) Korzystanie z atrybutów identyfikatora

W takim przypadku wystarczy użyć rozszerzenia Atrybut ID niezależnie od jego wartości. Atrybut ID jest używany w Selenium do wybierania żądanego przycisku radiowego. Atrybuty identyfikatora są różne dla różnych elementów.

Na przykład:

WebElement radio = driver.findElement(By.id('i-red')); radio.click();

LUB

WebElement radio1 = driver.findElement(By.id('i-green')); radio1.click();

LUB

WebElement radio2 = driver.findElement (By.id('i-yellow')); radio2.click();

Jak pokazano na powyższym obrazku, istnieje sześć przycisków radiowych, tj. Czerwony, niebieski, zielony, żółty, szary i czarny. Aby wybrać spośród nich przycisk radiowy, możemy w ten sposób wykorzystać atrybuty identyfikatora w Selenium do wyboru przycisku radiowego.

Poniższy obraz przedstawia atrybuty identyfikatora dla powyższych opcji.

Obraz podkreślający atrybuty id

# 2) Używanie jest zaznaczone ()

Użycie Is Selected () umożliwia użytkownikowi sprawdzenie, czy dany przycisk radiowy jest włączony tryb zaznaczony, czy nie . Krótko mówiąc, wybór przycisku Radio zostaje potwierdzony.

Na przykład:

List radio = driver.findElements(By.name('colour”)); //same group of Radio buttons always have same 'Names', //hence we need to use findElements method and store the list of Web elements. boolean bval = false; // create a variable which will have boolean value True/False bval = radio.get(0).isSelected(); // will return True if button is selected. if(bval = true) { radio.get(1).click(); // if the first radio button is selected by default, this will select Second radio button } else { radio.get(0).click(); // if the first radio button is not selected by default, the first will be selected }

# 3) Korzystanie z nazwy

Aby wybrać przyciski radiowe za pomocą nazwy, musimy zrozumieć jeden ważny punkt, tj. Dla przycisków radiowych w tej samej grupie (grupa radiowa), Nazwa jest zawsze taka sama, ale ich Wartości są różne.

Więc jeśli jakikolwiek element z atrybutem name zostanie znaleziony, to może zawierać więcej niż jeden element, dlatego musimy przechowywać lista z WebElements i skorzystaj z findElements metoda.

List radio = driver.findElements(By. name ('colour'));

Było to również używane w poprzednim przykładzie dla Is Selected ().

# 4) Korzystanie z wartości elementu

Przyciski radiowe można również wybierać za pomocą ich Wartości.

Każdy przycisk ma unikalna wartość . Użycie wartości do wybierania przycisków radiowych może być przedstawione w poniższym przykładzie.

List RadioButton = driver.findElements(By.name('colour')); // selecting the Radio buttons by Name int Size = RadioButton.size(); // finding the number of Radio buttons for(int i=0; i

# 5) Według selektora CSS

Innym sposobem wyboru elementów radiowych jest Selektor CSS używając jego wartości .

Poniższy przykład wyjaśni to samo:

WebElement rbutton = driver.findElement(By.cssSelector('input(value=' Yellow')')); rbutton.click();

# 6) Korzystanie z XPATH

Wybór elementu radiowego za pomocą XPATH jest jednym ze sposobów wyboru elementu radiowego w Selenium, który pomaga wybrać dokładnie ten element, który chcesz wybrać.

Spójrz na poniższy przykład wyboru przycisku radiowego przy użyciu XPATH.

WebElement radio_b1 = d.findElement(By. xpath ('//input(@id='i-red')')); radio_b1.click();’

LUB

WebElement radio_b2 = d.findElement(By. xpath ('//input(@id='i-green’)')); radio_b2.click();

LUB

WebElement radio_b3 = d.findElement(By. xpath ('//input(@id=’i-gray’)')); radio_b3.click();

Przykłady / zastosowania, w których używane są przyciski radiowe

Istnieje wiele zastosowań przycisków radiowych, a kilka z nich zostało wymienionych poniżej.

# 1) Wybór płci:

Płeć Przycisk opcji

# 2) Wybór pola:

przycisk opcji pola

# 3) Wybierz konto e-mail:

Przycisk opcji konta pocztowego

(wizerunek źródło )

# 4) Formularze ankiet dla klientów:

Formularze ankiet dla klientów

# 5) Stan dostępności w aplikacji:

Stan dostępności Przycisk opcji

Takich przykładów, z którymi spotykamy się w codziennej pracy, jest znacznie więcej. Wszystkie te przykłady mają jedną wspólną cechę, tzn. Musisz wybrać jedną opcję naraz. W ten sposób przyciski radiowe dają jasny obraz tego, co dokładnie klient wybiera.

Kilka innych przykładów:

  1. Wybór koloru: Czerwony / niebieski / zielony / żółty.
  2. Wybór pola / kursu: Sztuka / handel / nauka.
  3. Rodzaj adresu: Stałe / tymczasowe.
  4. Poziom edukacji: Szkoła / Uczelnia / Praca.
  5. Sposób płatności: NetBanking / GooglePay / AmazonPay.
  6. Wybierz język podczas instalacji aplikacji: Angielski / rosyjski / francuski / niemiecki /….
  7. Rodzaj ochrony hasłem: Hasło tekstowe / kod pocztowy / wzór / odcisk palca.
  8. Rodzaj transportu: Samochód / rower / transport publiczny.
  9. Rodzaj ubezpieczenia: Medycyna / Stomatologia / Wzrok / Suplement medyczny.
  10. Wybierz ocenę ucznia na karcie raportu: Klasa A / Klasa B / Klasa C / Klasa D.

Stany przycisków radiowych

Widzieliśmy już zastosowania przycisków radiowych. Przyjrzyjmy się teraz jego różnym stanom i ich znaczeniu.

stany przycisku radiowego

  1. Normalna : Ten stan to nic innego jak opcja domyślna lub stan domyślny.
  2. Unosić się : Widoczny efekt najechania kursorem informuje użytkowników, że jest to cel, który można kliknąć. Przygotowuje również użytkownika do kliknięcia opcji po obejrzeniu efektu najechania kursorem.
  3. Sprawdzone : Ten stan w szczególności pokazuje wybraną opcję radia. Wybrana opcja jest wypełniona kolorem i można ją łatwo zidentyfikować jako wybraną opcję spośród innych opcji.
  4. Niepełnosprawny : Po wybraniu opcji przez użytkownika pozostałe opcje mogą automatycznie zniknąć, a użytkownik nie może wybrać żadnej z pozostałych opcji. Wiadomo, że są one wyłączone, ponieważ w danym momencie można wybrać tylko jedną opcję.
  5. Wyłączone i zaznaczone : Po wybraniu określonej opcji, jeśli przycisk Radio jest wyłączony, służy do potwierdzenia wyboru. Oznacza to, że wybierasz opcję i jest ona zamrożona jako potwierdzona. Można łatwo określić tę opcję jako obowiązkową.

Czym różnią się przyciski radiowe od pola wyboru?

Przycisk radiowyPole wyboru
Pozwala na wybór tylko jednej opcji naraz.Pozwala na jednoczesny wybór wielu opcji.
Ma 2 główne warunki: prawda lub fałsz.Może być zaznaczone, niezaznaczone i / lub nieokreślone.
Zwykle przedstawiany jako okrągły przycisk.Zwykle przedstawiany jako kwadratowy prostokąt.
Przykład - wybór ostatniej kwalifikacji:
-Ukończyć
-Post- Absolwent
Możliwy jest tylko jeden wybór: Graduate lub Post-Graduate, aby określić ostatnią kwalifikację za pomocą przycisku radiowego.		Przykład - Wybór przedmiotów do szkolenia:
-Matematyka
-Fizyka
-Chemia
-Podstawy komputera
-Podstawowa elektrotechnika
Jedną lub więcej lub wszystkie opcje można wybrać za pomocą pola wyboru.

Wniosek

Szczegółowo zrozumieliśmy działanie lub obsługę przycisków radiowych przy użyciu Selenium. Widzieliśmy również różne metody wybierania elementów radiowych przy użyciu selenu.

W tym samouczku zrozumieliśmy stany przycisków radiowych i różne przykłady użycia przycisków radiowych. Jedno jest pewne, w przypadku, gdy tylko jedna opcja spełnia odpowiedź (albo / lub) z różnych opcji, w takich przypadkach zaleca się użycie przycisków radiowych.

Mamy nadzieję, że spodobał Ci się ten samouczek dotyczący obsługi przycisków radiowych w selenie!

=> Przeczytaj cały przewodnik po selenium

rekomendowane lektury

^