how select check box selenium with examples
V tomto výučbe sú uvedené príklady rôznych metód výberu začiarkavacieho políčka na seléne. Naučíte sa tiež výber viacerých začiarkavacích políčok a začiarkavacích políčok v HTML:
V jednom z našich predchádzajúcich tutoriálov sme videli, ako sa s prepínačmi pracuje na seléne. Teraz poďme na fungovanie začiarkavacieho políčka v seléne.
Začiarkavacie políčko je webový prvok, ktorý sa používa na výber jednej alebo viacerých možností v dôsledku odpovede na zadanú otázku.
Začiarkavacie políčko je možné zapnúť alebo vypnúť (je začiarknuté alebo nezaškrtnuté). Začiarknuté políčko je políčko, ktoré je označené ako začiarknuté. Nezačiarknuté je to, čo je neoznačené.
=> Tu si môžete pozrieť sériu jednoduchých tréningov na selén.
Na obrázku nižšie sú zreteľne zobrazené začiarkavacie políčka, kde sú prvé 2 označené ako začiarknuté, zatiaľ čo posledné nie sú začiarknuté.
Začiarkavacie políčko je tiež známe ako Selection Box alebo Tick Box. Malé políčko, vo vnútri ktorého sa po kliknutí na začiarkavacie políčko zobrazí značka začiarknutia. Po ďalšom kliknutí značka zmizne a políčko nie je začiarknuté.
V tomto tutoriále preskúmame manipuláciu so začiarkavacím políčkom v seléne.
Čo sa dozviete:
- Začiarknite políčko Pomocou klávesnice
- Začiarkavacie políčko v HTML
- Implementácia kódu na spracovanie začiarkavacieho políčka na seléne
- Začiarknite viac políčok na seléne
- Metódy výberu začiarkavacieho políčka na seléne
- Príklady / Aplikácie, kde sa zaškrtávacie políčko bežne používa
- States Of Checkbox
- Záver
- Odporúčané čítanie
Začiarknite políčko Pomocou klávesnice
Otvorte web, na ktorom pracujete alebo ktorý obsahuje začiarkavacie políčko, ktoré chcete vybrať.
Stlačte tlačidlo Tab tlačidlo, kým sa nezvýrazní začiarkavacie políčko, ktoré chcete označiť. Keď sa požadované začiarkavacie políčko zobrazí zvýraznené, tj. Kurzor sa dostane na začiarkavacie políčko, použite znak Medzerník tlačidlo začiarknite alebo zrušte začiarknutie políčka.
Prejdite na ľubovoľný web, ktorý má začiarkavacie políčko, vyberte ho a vyskúšajte.
Začiarkavacie políčko v HTML
Najprv pochopíme použitie začiarkavacích políčok na stránke HTML. V HTML sa začiarkavacie políčko používa na výber jednej alebo viacerých možností zo zoznamu poskytovaných možností.
V nasledujúcom príklade pochopíte začiarkavacie políčka vytvorené v HTML.
Check Boxes html page
Kde,
- typu : Vstupná značka s typu atribút. Bolo by to „začiarkavacie políčko“ pre začiarkavacie políčka.
- názov : Je to názov vstupného prvku.
- hodnotu : Je to skutočné hodnotu zodpovedajúce jeho začiarkavaciemu políčku.
Okrem vyššie uvedeného je ešte uvedených niekoľko ďalších bodov:
- Stránka HTML je pomenovaná ako „Stránka HTML začiarkavacích políčok“.
- Má názov „Vyberte si predmety obsiahnuté vo vašich študijných programoch“.
- K dispozícii je päť začiarkavacích políčok: Počítačové základy, Elektrotechnika, Fyzika, Chémia, Žiadne.
Nasledujúci obrázok poskytuje jasnú predstavu o vytvorenej stránke HTML.
Implementácia kódu na spracovanie začiarkavacieho políčka na seléne
Pozrime sa na Zaškrtávacie políčko pomocou selénu. Pomocou tohto kódu pochopíme, ako sa operácie Checkboxu vykonávajú pri použití selénu.
Na implementáciu kódu v seléne pre začiarkavacie políčko sme použili toto odkaz a rovnaká snímka obrazovky je uvedená nižšie:
kde sa používa c ++
Implementačný kód pre manipuláciu so CheckBoxom pomocou selénu:
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..'); } }
Pri implementácii vyššie uvedeného kódu je teda prijatý výstup znázornený na nasledujúcom obrázku.
Najskôr je začiarknuté iba jedno začiarkavacie políčko, po ktorom je prijatá správa ako „Clicked CheckBox“. Potom máme pri viacerých začiarkavacích políčkach možnosť začiarknuť jedno, dve, tri alebo všetky začiarkavacie políčka súčasne. Po výbere možnosti „Skontrolovať všetky“ sa začiarknu všetky políčka súčasne.
Začiarknite viac políčok na seléne
Ak existuje rovnakých možností a viac začiarkavacích políčok, môžeme ich kódovať takým spôsobom, že pri vykonaní kódu by boli začiarknuté všetky políčka. Pozrime sa teda na kód na spracovanie viacerých začiarkavacích políčok.
Vytvorili sme stránku HTML na implementáciu kódu na spracovanie viacerých začiarkavacích políčok. Nižšie je uvedený ten istý obrázok.
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'); } }
Môžeme teda zvládnuť viac začiarkavacích políčok. Toto bol iba príklad a môžete to vyskúšať s akýmkoľvek iným webom, kde je prítomných viac začiarkavacích políčok s viacerými možnosťami.
Nižšie je uvedený screenshot vyššie uvedenej implementácie viacerých začiarkavacích políčok v seléne.
S pomocou selénu je teda možné manipulovať s viacerými začiarkavacími políčkami.
Metódy výberu začiarkavacieho políčka na seléne
V seléne existuje niekoľko spôsobov, pomocou ktorých môžeme označiť prvky začiarkavacieho políčka na webovej stránke.
Rôzne metódy sú uvedené nižšie:
- Podľa atribútov ID
- Použitie je vybraté ()
- Pomocou názvu
- Pomocou prvku Hodnota
- Výberom CSS
- S XPath
So začiarkavacími políčkami a prepínačmi je zaobchádzané podobne a pre obidve možnosti môžeme použiť všetky vyššie uvedené spôsoby výberu.
Na nasledujúcom obrázku nájdete informácie o príkladoch jednotlivých metód výberu.
# 1) Použitie atribútov ID
V takom prípade stačí použiť Atribút ID , bez ohľadu na jeho hodnotu. Atribút ID sa v seléne používa na výber požadovaného začiarkavacieho políčka. Atribúty ID sa líšia pre rôzne prvky.
Napríklad:
WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();
Môžeme teda použiť atribúty ID v seléne na výber začiarkavacieho políčka.
Nasledujúci obrázok zvýrazňuje atribúty id pre vyššie uvedenú možnosť.
# 2) Použitie je vybraté ()
Použitie možnosti Vybraté () umožňuje používateľom skontrolovať, či je dané začiarkavacie políčko v skontrolovaný režim alebo nie . Jednoducho povedané, výber zaškrtávacieho políčka je potvrdený.
Napríklad:
najlepšie weby na stiahnutie hudby zadarmo pre telefóny Android
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) Používanie názvu triedy
Pri výbere začiarkavacích políčok pomocou názvu alebo názvu triedy musíme pochopiť jeden dôležitý bod, ktorý je:
Pre začiarkavacie políčka v rovnakej skupine Meno / Názov triedy budú vždy rovnaké, ale ich Hodnoty sú rôzne. Takže ak sa nájde akýkoľvek prvok s atribútom name, môže obsahovať viac ako jeden prvok, a preto musíme uložiť zoznam z WebElements a využiť findElements metóda.
List check = driver.findElements(By.classN ame ('cb1-element'));
Toto bolo použité v predchádzajúcom príklade aj pre IsSelected ().
# 4) Použitie prvku Hodnota
Začiarkavacie políčka je možné zvoliť aj pomocou ich hodnôt.
Každá krabica má a jedinečná hodnota . Hodnoty sa dajú použiť na výber začiarkavacích políčok nasledovne.
// 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) Pomocou nástroja CSS Selector
Ďalším spôsobom, ako vybrať prvky začiarkavacieho políčka, je Selektor CSS pomocou jeho hodnoty .
Príklad:
WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();
# 6) Používanie XPATH
Označenie prvku Checkbox pomocou XPATH je jedným zo spôsobov výberu prvku Checkbox v seléne, ktorý pomáha pri výbere presného prvku, ktorý chcete vybrať.
Pozrite sa na nasledujúci príklad výberu začiarkavacieho políčka pomocou XPATH.
WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click();
Príklady / Aplikácie, kde sa zaškrtávacie políčko bežne používa
# 1) Obľúbené športy
Kontrolný zoznam na obrázku nižšie obsahuje rôzne športové aktivity. Môžeme z neho vybrať jednu alebo viac možností. Začiarknuté políčka sa dajú považovať za zvýraznené.
# 2) Použitie začiarkavacieho políčka na potvrdenie dohody
Na potvrdenie slúži začiarkavacie políčko. Keď používateľ začiarkne toto políčko, systém zváži jeho prijatie so zmluvou a pokračuje ďalej.
# 3) Výber jazyka
Na výber jazyka možno použiť začiarkavacie políčko. Používateľom umožňuje zvoliť jednu alebo viac možností.
(obrázok zdroj )
# 4) Úpravy nastavení pomocou začiarkavacieho políčka
Nasledujúci obrázok zobrazuje výber začiarkavacieho políčka pre rôzne preferencie. Podľa výberu používateľa je možné zvoliť jednotlivé možnosti.
(obrázok zdroj )
# 5) Výber fitnes programov podľa vášho výberu
K dispozícii sú rôzne možnosti fitnes programu a používateľ si musí zvoliť možnosti podľa svojho výberu.
(obrázok zdroj )
# 6) Vyberte farby
K dispozícii sú tiež začiarkavacie políčka pre výber farieb.
Existuje veľa takýchto príkladov, keď sa používajú začiarkavacie políčka.
Aby som spomenul ešte niekoľko:
- Vyberte predmety: Matematika, angličtina, fyzika, chémia, všetko.
- Vyberte čas prestávky: 9:00, 12:00, 15:00, 18:00, žiadne.
- Vozidlá, ktoré máte: Bike, Car, both, None.
- Testovacie zručnosti: Manuálne, automatizácia, obe, žiadne.
- Použité kovy: Zlato, striebro, platina, zmiešané.
- Krajiny, v ktorých sú produkty k dispozícii: Belgicko, Kolumbia, Francúzsko, Nemecko.
- Vyberte svoje záľuby: Maliarstvo, umelecké diela, spev, tanec, záhradníctvo.
- Zoznam zeleniny: Capsicum, karfiol, kapusta, zemiaky, paradajky.
- Kontrolný zoznam ovocia: Ananás, jablko, melón, pomaranče, mango.
- Mobilné telefóny používané v domácnosti: I Phone, One Plus, Nokia, Samsung, Blackberry, Other.
States Of Checkbox
Existujú 3 hlavné stavy začiarkavacích políčok:
# 1) Začiarknuté : Stav, v ktorom je začiarknuté políčko, je kontrolovaný stav . Tu vidíme políčko označené značkou.
# 2) Nezačiarknuté : Políčko, ktoré nie je začiarknuté, alebo keď na vybrané políčko znova kliknete, potom sa toto políčko presunie do nekontrolovaný stav .
# 3) Stredne pokročilý : Keď políčko nie je v začiarknutom ani v nezaškrtnutom stave, je známe, že ide o prechodný stav. V tomto stave má používateľ možnosť zvoliť si, či chce na políčko kliknúť alebo nie.
Vyššie uvedený obrázok vám pomôže pochopiť tieto stavy.
aké odlišné je c ++ od java
Vyššie uvedený obrázok je ďalším príkladom, ktorý vysvetľuje rôzne stavy začiarkavacích políčok.
- Skontrolovaný stav: Povoliť funkciu XYZ
- Nekontrolovaný stav: Povoliť funkciu ABC, Povoliť funkciu WWW
- Stredný stav: Povoliť všetky.
Preto sú začiarknuté, nezaškrtnuté a prechodné stavy začiarkavacieho políčka vysvetlené vyššie.
Záver
Zaobchádzanie s Checkboxom používajúcim selén sme videli podrobne. Zaškrtávacie políčka teda umožňujú používateľom zvoliť viac ako jednu možnosť. Videli sme množstvo použití začiarkavacieho políčka, ktoré používateľom umožňujú výber viacerých možností súčasne.
Preskúmali sme metódy výberu prvkov Checkbox a pochopili sme manipuláciu s viacerými zaškrtávacími políčkami pomocou selénu.
Príjemné čítanie !!
=> Navštívte tu a naučte sa selén od nuly.
Odporúčané čítanie
- 30+ najlepších návodov na selén: Naučte sa selén na skutočných príkladoch
- Ako zaobchádzať s upozorneniami alebo vyskakovacími oknami v selenovom webovom ovládači - selénský výukový program č. 16
- Ako zaobchádzať s posúvačom v selenovom webdriveri
- Ako vyberať rádiové tlačidlá v selenovom WebDriveri?
- Sprievodca hľadaním prvkov selénom podľa výučby s príkladmi
- Ako zaobchádzať s pop-up oknami systému selén pomocou AutoIT
- Používanie triedy výberu selénu na prácu s prvkami rozbaľovacej ponuky na webovej stránke - Výučba selénu č. 13
- Príklady uplatnenia selénu - praktické aplikácie v projektoch