Menu

Jak wybrać pole wyboru w selenie z przykładami

  • Główny
  • Inny
  • Jak wybrać pole wyboru w selenie z przykładami

how select check box selenium with examples

Wypróbuj Nasz Instrument Do Eliminowania Problemów

Ten samouczek wyjaśnia różne metody wyboru pola wyboru w selenie z przykładami. Dowiesz się również, jak wybrać wiele pól wyboru i pole wyboru w formacie HTML:

W jednym z naszych wcześniejszych samouczków widzieliśmy, jak obsługiwane są przyciski radiowe w Selenium. Teraz przyjrzyjmy się działaniu pola wyboru w Selenium.

Pole wyboru to element sieciowy, który służy do wyboru jednej lub wielu opcji w wyniku odpowiedzi na podane pytanie.

Pole wyboru można włączyć lub wyłączyć (zaznaczone lub niezaznaczone). Zaznaczone pole wyboru to to, które jest widoczne jako zaznaczone. Niezaznaczone to ta, która jest odznaczona.

=> Obejrzyj serię prostych szkoleń dotyczących selenu tutaj.

Obsługa pola wyboru w Selenium

Poniższy obrazek wyraźnie pokazuje pola wyboru, gdzie pierwsze 2 można zobaczyć jako zaznaczone, a ostatnie jest odznaczone.

kleszcz

Pole wyboru jest również znane jako Pole wyboru lub Pole wyboru. Małe pole, w którym po kliknięciu pola wyboru pojawia się znacznik wyboru, a po ponownym kliknięciu znacznik wyboru znika, a pole jest odznaczone.

W tym samouczku zbadamy obsługę Checkbox w Selenium.

Czego się nauczysz:

Zaznacz pole wyboru za pomocą klawiatury

Otwórz witrynę internetową, nad którą pracujesz lub która ma pole wyboru, które chcesz zaznaczyć.

wciśnij Patka aż do zaznaczenia pola wyboru, które chcesz zaznaczyć. Gdy żądane pole wyboru zostanie podświetlone, tj. Kursor osiągnie pole wyboru, a następnie użyj Spacja aby zaznaczyć lub odznaczyć pole.

Przejdź do dowolnej witryny internetowej, która ma pole wyboru, aby ją wybrać i wypróbować.

zaznacz pole wyboru za pomocą klawiatury

Pole wyboru w HTML

Najpierw zrozumiemy użycie pól wyboru na stronie HTML. W HTML pole wyboru służy do wyboru jednej lub więcej opcji z listy podanych opcji.

Zobacz poniższy przykład, aby zrozumieć pola wyboru utworzone w formacie HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Gdzie,

  • rodzaj : Znacznik wejściowy mający rodzaj atrybut. Byłoby to „pole wyboru” dla pól wyboru.
  • Nazwa : To jest Nazwa elementu wejściowego.
  • wartość : Tak jest wartość odpowiadające jego polu wyboru.

Oprócz powyższego, poniżej podano więcej punktów:

  1. Strona HTML nosi nazwę „Strona html pól wyboru”.
  2. Ma tytuł „Wybierz przedmioty zawarte w programie nauczania”.
  3. Dostępnych jest pięć pól wyboru: Podstawy komputera, elektryka, fizyka, chemia, brak.

Poniższy obraz daje jasny obraz utworzonej strony HTML.

pole wyboru w html

Implementacja kodu do obsługi pola wyboru w selenium

Przyjrzyjmy się obsłudze pola wyboru przy użyciu selenu. Dzięki temu kodowi zrozumiemy, jak operacje Checkbox są wykonywane przy użyciu Selenium.

c ++ tablica sortowania bąbelkowego

Użyliśmy tego do implementacji kodu w Selenium for Checkbox połączyć , a zrzut ekranu dla tego samego jest jak poniżej:

Demo z pojedynczym i wielokrotnym polem wyboru

Kod implementacji do obsługi CheckBox przy użyciu Selenium:

package SeleniumPrograms; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class CheckBox1 { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); dr.manage().window().maximize(); dr.get('https://www.seleniumeasy.com/test/'); WebElement input = dr.findElement(By.className('dropdown-toggle')); input.click(); WebElement checkbox = dr.findElement(By.linkText('Checkbox Demo')); checkbox.click(); System.out.println('Check Box..'); WebElement check1 = dr.findElement(By.xpath('//input(@id='isAgeSelected')')); check1.click(); System.out.println('Clicked Check Box..'); WebElement checkall = dr.findElement(By.xpath('//input(@id='check1')')); checkall.click(); System.out.println('Checked all Boxes..'); } }

Zatem po zaimplementowaniu powyższego kodu otrzymane dane wyjściowe są takie, jak pokazano na poniższym obrazku.

seleniumeasy

Najpierw zaznaczane jest tylko jedno pole wyboru, po czym otrzymywana jest wiadomość jako „Kliknięty CheckBox”. Następnie w przypadku wielu pól wyboru mamy możliwość zaznaczenia jednego, dwóch, trzech lub wszystkich pól wyboru jednocześnie. Po wybraniu „Zaznacz wszystko” wszystkie pola wyboru są zaznaczane w tym samym czasie.

code_console

Wybierz wiele pól wyboru w selenium

Gdy istnieje wiele opcji i wiele pól wyboru dla tego samego, możemy to zakodować w taki sposób, aby podczas wykonywania kodu były zaznaczone wszystkie pola wyboru. Spójrzmy więc na kod obsługujący wiele pól wyboru.

Stworzyliśmy stronę HTML do implementacji kodu obsługującego wiele pól wyboru, a poniżej znajduje się zrzut ekranu tego samego.

wielokrotne pole wyboru

package Practice; import java.util.List; 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 checkbox_multi { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('E:\Selenium class\Programs\Sonali\bin\project1\check.html'); List AllCheckBoxes = driver.findElements(By.xpath('//input(@type='checkbox')')); System.out.println('Number of Check boxes : '+ Integer.toString(AllCheckBoxes.size())); for(WebElement cb:AllCheckBoxes) { cb.click(); } System.out.println('All check boxes have been checked'); } }

W ten sposób możemy obsłużyć wiele pól wyboru. To był tylko przykład i możesz go wypróbować w dowolnej innej witrynie internetowej, w której znajduje się wiele pól wyboru z wieloma opcjami.

Poniżej przedstawiono zrzut ekranu powyższej implementacji wielu Checkboxów w Selenium.

wiele zaznaczonych

wyjście 2

W ten sposób można obsłużyć wiele pól wyboru za pomocą Selenium.

Metody zaznaczania pola wyboru w selenium

W Selenium istnieją różne sposoby, za pomocą których możemy wybrać elementy pola wyboru 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

Pola wyboru i przyciski opcji są obsługiwane podobnie i możemy użyć wszystkich powyższych metod wyboru dla obu.

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

unchecked_seleniumeasy

# 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 pola wyboru. Atrybuty identyfikatora są różne dla różnych elementów.

Na przykład:

WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();

W ten sposób możemy wykorzystać atrybuty ID w Selenium do wyboru pola wyboru.

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

Atrybuty identyfikatora

# 2) Używanie jest zaznaczone ()

Użycie Is Selected () umożliwia użytkownikom sprawdzenie, czy określone pole wyboru jest włączone tryb zaznaczony, czy nie . Krótko mówiąc, zaznaczenie pola wyboru jest potwierdzone.

Na przykład:

List check = driver.findElements(By.className('cb1-element')); //Same group of check boxes will have same 'Names'/Class names, //hence we need to use findElements method and store the list of WebElements. boolean bval = false; // Create a variable which will have boolean value True/False bval = check1.get(0).isSelected(); // Will return True if box is selected. if(bval = true) { check1.get(1).click(); // If the first check box is selected by default, this will select Second check box } else { check1.get(0).click(); // If the first check box is not selected by default, the first will be selected }

# 3) Używanie nazwy klasy

Aby wybrać pola wyboru za pomocą nazwy lub nazwy klasy, musimy zrozumieć jedną ważną kwestię, którą jest:

W przypadku pól wyboru w tej samej grupie Imię / nazwa klasy zawsze będą takie same, 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 check = driver.findElements(By.classN ame ('cb1-element'));

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

# 4) Korzystanie z elementu Wartość

Pola wyboru można również zaznaczyć za pomocą ich Wartości.

Każde pudełko ma unikalna wartość . Wykorzystanie wartości do zaznaczania pól wyboru może wyglądać tak, jak pokazano poniżej.

// Selecting the check boxes by class name List checkbox = driver.findElements(By. className('cb1-element')); int Size = checkbox.size(); // Finding the number of check boxes for(int i=0; i

# 5) Według selektora CSS

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

Przykład:

WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();

# 6) Korzystanie z XPATH

Wybór elementu Checkbox za pomocą XPATH jest jednym ze sposobów wyboru elementu Checkbox w Selenium, który pomaga w wyborze dokładnego elementu, który chcesz zaznaczyć.

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

WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click();

Przykłady / zastosowania, w których pole wyboru jest powszechnie używane

1) Ulubiony sport

Lista kontrolna na poniższym obrazku zawiera różne zajęcia sportowe. Możemy wybrać z niej jedną lub więcej opcji. Zaznaczone pola można zobaczyć jako podświetlone.

Sporty

# 2) Użycie pola wyboru do potwierdzenia umowy

Pole wyboru służy do potwierdzenia. Gdy użytkownik zaznaczy to pole wyboru, system rozważa akceptację umowy przez użytkownika i kontynuuje.

jaka jest różnica między java i c ++

Zgodzić się

youtube-i-zgadzam się-warunki-usługi-polityka-prywatności

# 3) Wybór języka

Aby wybrać język, można użyć pola wyboru. Pozwala użytkownikom wybrać jedną lub więcej opcji.

wybór języka

(wizerunek źródło )

# 4) Dostosowywanie ustawień za pomocą pola wyboru

Poniższy obrazek przedstawia wybór pola wyboru dla różnych preferencji. Opcje można wybrać zgodnie z wyborem użytkownika.

Regulacja ustawień za pomocą pola wyboru

(wizerunek źródło )

5) Wybór programów fitness według własnego uznania

Dostępne są różne opcje programów fitness, a użytkownik musi wybrać te, które sam wybierze.

Wybieranie programów fitness według własnego uznania

(wizerunek źródło )

# 6) Wybierz kolory

Dostępne są również pola wyboru do wyboru kolorów.

Wybierz kolory

Istnieje wiele takich przykładów użycia pól wyboru.

Aby wspomnieć o kilku więcej:

  1. Wybierz przedmioty: Matematyka, język angielski, fizyka, chemia, wszystko.
  2. Wybierz czas przerwy: 9:00, 12:00, 15:00, 18:00, brak.
  3. Pojazdy, które posiadasz: Rower, samochód, oba, brak.
  4. Umiejętności testowania: Ręczny, automatyzacja, oba, brak.
  5. Zastosowane metale: Złoto, srebro, platyna, mieszane.
  6. Kraje, w których dostępne są produkty: Belgia, Kolumbia, Francja, Niemcy.
  7. Wybierz swoje hobby: Malarstwo, grafika, śpiew, taniec, ogrodnictwo.
  8. Lista warzyw: Papryka, Kalafior, Kapusta, Ziemniaki, Pomidory.
  9. Lista kontrolna owoców: Ananas, Jabłko, Arbuz, Pomarańcze, Mango.
  10. Telefony komórkowe używane w domu: I Phone, One Plus, Nokia, Samsung, Blackberry, inne.

Stany pola wyboru

Istnieją 3 główne stany pól wyboru:

trójstan

# 1) Sprawdzone : Stan, w którym zaznaczono pole wyboru, to sprawdzony stan . Tutaj widzimy pole zaznaczone jako ptaszek.

# 2) Niezaznaczone : Pole, które nie jest zaznaczone lub po ponownym kliknięciu zaznaczonego pola, pole przechodzi do stan niesprawdzony .

# 3) Średniozaawansowany : Kiedy pole nie jest zaznaczone ani niezaznaczone, wiadomo, że jest to stan pośredni. W tym stanie użytkownik ma możliwość wyboru, czy chce kliknąć pole, czy nie.

Powyższy obraz pomoże ci zrozumieć te stany.

checkbox_three_state_intermediate

Powyższy obrazek jest kolejnym takim przykładem, który wyjaśnia różne stany pól wyboru.

  • Stan sprawdzony: Włącz funkcję XYZ
  • Stan niezaznaczony: Włącz funkcję ABC, Włącz funkcję WWW
  • Stan pośredni: Włącz wszystkie.

Zatem stany zaznaczone, niezaznaczone i pośrednie pola wyboru są takie, jak wyjaśniono powyżej.

Wniosek

Widzieliśmy szczegółowo obsługę Checkbox przy użyciu Selenium. W ten sposób pola wyboru umożliwiają użytkownikom wybranie więcej niż jednej opcji. Widzieliśmy wiele zastosowań Checkbox, które pozwalają użytkownikom wybrać wiele opcji w tym samym czasie.

Zbadaliśmy metody wyboru elementów Checkbox i zrozumieliśmy obsługę wielu Checkboxów przy użyciu Selenium.

Miłego czytania !!

=> Odwiedź tutaj, aby nauczyć się selenu od podstaw.

rekomendowane lektury

^