how select check box selenium with examples
Tento výukový program vysvětluje různé způsoby výběru zaškrtávacího políčka na selenu s příklady. Naučíte se také vybrat více zaškrtávacích políček a zaškrtávací políčko v HTML:
V jednom z našich dřívějších tutoriálů jsme viděli, jak se s přepínači zachází v selenu. Nyní pojďme k fungování zaškrtávacího políčka v selenu.
Zaškrtávací políčko je webový prvek, který se používá k výběru jedné nebo více možností v důsledku odpovědi na zadanou otázku.
Zaškrtávací políčko lze zapnout nebo vypnout (je zaškrtnuto nebo nezaškrtnuto). Zaškrtávací políčko je to, které je viděno jako zaškrtnutí. Nezaškrtnuto je políčko, které je nezaškrtnuté.
=> Dávejte pozor na jednoduchou sérii tréninku selenu zde.
Obrázek níže jasně ukazuje zaškrtávací políčka, kde první 2 lze vidět zaškrtnutá, zatímco poslední není zaškrtnutá.
Zaškrtávací políčko je známé také jako Výběrové pole nebo Zaškrtávací políčko. Malé políčko, ve kterém se po kliknutí na zaškrtávací políčko zobrazí značka zaškrtnutí, a při dalším kliknutí značka zmizí a políčko není zaškrtnuto.
V tomto kurzu prozkoumáme manipulaci se zaškrtávacím políčkem v selenu.
Co se naučíte:
- Zaškrtněte políčko pomocí klávesnice
- Zaškrtávací políčko v HTML
- Implementace kódu pro zpracování zaškrtávacího políčka v selenu
- Zaškrtněte více zaškrtávacích políček na selenu
- Metody výběru zaškrtávacího políčka na selenu
- Příklady / aplikace, kde se běžně používá zaškrtávací políčko
- Stavy zaškrtávacího políčka
- Závěr
- Doporučené čtení
Zaškrtněte políčko pomocí klávesnice
Otevřete web, na kterém pracujete, nebo který má zaškrtávací políčko, které chcete vybrat.
zmáčkni Tab dokud se nezvýrazní zaškrtávací políčko, které chcete vybrat. Jakmile je požadované zaškrtávací políčko zvýrazněno, tj. Kurzor dosáhne zaškrtávacího políčka, použijte tlačítko Mezerník tlačítko zaškrtněte nebo zrušte zaškrtnutí políčka.
Přejděte na libovolný web, který má zaškrtávací políčko, vyberte jej a vyzkoušejte.
Zaškrtávací políčko v HTML
Nejprve pochopíme použití zaškrtávacích políček na stránce HTML. V HTML se zaškrtávací políčko používá k výběru jedné nebo více možností ze seznamu poskytovaných možností.
V následujícím příkladu pochopíte zaškrtávací políčka vytvořená v HTML.
Check Boxes html page
Kde,
- typ : Vstupní značka s typ atribut. Bylo by to „zaškrtávací políčko“ pro zaškrtávací políčka.
- název : Je to název vstupního prvku.
- hodnota : Je to skutečné hodnota odpovídající jeho zaškrtávacímu políčku.
Kromě výše uvedeného jsou níže uvedeny některé další body:
- Stránka HTML je pojmenována „Zaškrtávací políčka html stránka“.
- Má název „Vyberte si předměty obsažené ve vašich osnovách“.
- K dispozici je pět zaškrtávacích políček: Základy počítače, Elektrotechnika, Fyzika, Chemie, Žádné.
Níže uvedený obrázek poskytuje jasnou představu o vytvořené stránce HTML.
Rozdíly mezi c a c ++
Implementace kódu pro zpracování zaškrtávacího políčka v selenu
Podívejme se na zacházení se zaškrtávacím políčkem pomocí selenu. S tímto kódem pochopíme, jak se operace Checkboxu provádějí pomocí selenu.
Pro implementaci kódu v selenu pro zaškrtávací políčko jsme použili toto odkaz a snímek obrazovky je stejný jako níže:
Implementační kód pro zpracování CheckBoxu pomocí selenu:
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..'); } }
Při implementaci výše uvedeného kódu je tedy přijímaný výstup zobrazen na následujícím obrázku.
Nejprve je zaškrtnuto pouze jedno zaškrtávací políčko, poté je přijata zpráva jako „Clicked CheckBox“. U několika zaškrtávacích políček pak máme možnost zaškrtnout jedno, dvě, tři nebo všechna zaškrtávací políčka současně. Po výběru možnosti „Zkontrolovat vše“ budou všechna zaškrtávací políčka zaškrtnuta současně.
Zaškrtněte více zaškrtávacích políček na selenu
Pokud existuje více možností a více zaškrtávacích políček pro stejné, můžeme to kódovat takovým způsobem, že při spuštění kódu by byla zaškrtnuta všechna zaškrtávací políčka. Podívejme se tedy na kód pro zpracování více zaškrtávacích políček.
Vytvořili jsme stránku HTML pro implementaci kódu pro zpracování více zaškrtávacích políček a níže je snímek obrazovky.
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 tedy zpracovat více zaškrtávacích políček. Byl to jen příklad a můžete to zkusit s jakýmkoli jiným webem, kde je přítomno více zaškrtávacích políček s více možnostmi.
Níže je uveden snímek obrazovky výše uvedené implementace několika zaškrtávacích políček v selenu.
S pomocí selenu lze tedy zpracovat několik zaškrtávacích políček.
Metody výběru zaškrtávacího políčka na selenu
V selenu existují různé způsoby, pomocí kterých můžeme vybrat prvky zaškrtávacího políčka na webové stránce.
Různé metody jsou uvedeny níže:
- Atributy ID
- Použití je vybráno ()
- Pomocí názvu
- Pomocí prvku Hodnota
- Vytvořil CSS Selector
- S XPath
Se zaškrtávacími políčky a rádiovými tlačítky se zachází podobně a pro obě můžeme použít všechny výše uvedené metody výběru.
Pro pochopení příkladů pro každou z metod výběru zvažte níže uvedený obrázek.
# 1) Použití atributů ID
V tomto případě stačí použít Atribut ID , bez ohledu na jeho hodnotu. Atribut ID se používá v selenu k výběru požadovaného zaškrtávacího políčka. Atributy ID se u různých prvků liší.
Například:
WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();
Můžeme tedy pro výběr zaškrtávacího políčka použít atributy ID v selenu.
Níže uvedený obrázek zvýrazňuje atributy id pro výše uvedenou možnost.
# 2) Použití je vybráno ()
Použití funkce Je vybráno () umožňuje uživatelům ověřit, zda je konkrétní zaškrtávací políčko v zkontrolovaný režim nebo ne . Jednoduše řečeno, výběr zaškrtávacího políčka je potvrzen.
Například:
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žití názvu třídy
Pro výběr zaškrtávacích políček pomocí názvu nebo názvu třídy musíme pochopit jeden důležitý bod, který je:
Zaškrtávací políčka ve stejné skupině Jméno / Název třídy budou vždy stejné, ale jejich Hodnoty jsou rozdílní. Pokud je tedy nalezen jakýkoli prvek s atributem name, může obsahovat více než jeden prvek, a proto musíme uložit seznam z Webové prvky a využít findElements metoda.
List check = driver.findElements(By.classN ame ('cb1-element'));
To bylo použito v předchozím příkladu také pro IsSelected ().
# 4) Použití prvku Hodnota
Zaškrtávací políčka lze vybrat také pomocí jejich hodnot.
Každá krabice má jedinečná hodnota . Použití hodnot pro výběr zaškrtávacích políček může být uvedeno níže.
// 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) Od CSS Selector
Další způsob výběru prvků zaškrtávacího políčka je Výběr CSS pomocí jeho hodnoty .
Příklad:
WebElement cbox = driver.findElement(By.cssSelector('input[value='isAgeSelected']')); cbox.click();
# 6) Používání XPATH
Výběr prvku Checkbox pomocí XPATH je jedním ze způsobů výběru prvku Checkbox v selenu, který pomáhá při výběru přesného prvku, který chcete vybrat.
Podívejte se na níže uvedený příklad výběru zaškrtávacího políčka pomocí XPATH.
WebElement check_box = d.findElement(By.xpath('//input[@id='isAgeSelected'] ')); check_box.click();
Příklady / aplikace, kde se běžně používá zaškrtávací políčko
# 1) Oblíbené sporty
Kontrolní seznam na obrázku níže obsahuje různé sportovní aktivity. Z toho můžeme vybrat jednu nebo více možností. Zaškrtnutá políčka lze vidět jako zvýrazněná.
# 2) Použití zaškrtávacího políčka k potvrzení dohody
Zaškrtávací políčko slouží k potvrzení. Jakmile uživatel zaškrtne toto políčko, systém zváží souhlas uživatele se smlouvou a pokračuje dále.
# 3) Výběr jazyka
K výběru jazyka lze použít zaškrtávací políčko. Umožňuje uživatelům vybrat jednu nebo více možností.
[obraz zdroj ]
# 4) Úpravy nastavení pomocí zaškrtávacího políčka
Níže uvedený obrázek ukazuje výběr zaškrtávacího políčka pro různé předvolby. Podle volby uživatele lze vybrat možnosti.
[obraz zdroj ]
# 5) Výběr fitness programů podle vašeho výběru
K dispozici jsou různé možnosti fitness programu a uživatel si musí vybrat ty, které si zvolí.
[obraz zdroj ]
# 6) Vyberte barvy
K dispozici jsou také zaškrtávací políčka pro výběr barev.
Existuje mnoho takových příkladů, kdy se používají zaškrtávací políčka.
Abych zmínil ještě několik:
- Vyberte předměty: Matematika, angličtina, fyzika, chemie, vše.
- Vyberte dobu přestávky: 9:00, 12:00, 15:00, 18:00, žádné.
- Vozidla, která máte: Bike, Car, both, None.
- Testovací dovednosti: Ruční, Automatizace, Oba, Žádný.
- Použité kovy: Zlato, stříbro, platina, smíšené.
- Země, kde jsou produkty k dispozici: Belgie, Kolumbie, Francie, Německo.
- Vyberte své koníčky: Malba, umělecká díla, zpěv, tanec, zahradnictví.
- Seznam zeleniny: Capsicum, květák, zelí, brambory, rajčata.
- Kontrolní seznam ovoce: Ananas, jablko, meloun, pomeranče, manga.
- Mobilní telefony používané v domě: I Phone, One Plus, Nokia, Samsung, Blackberry, Other.
Stavy zaškrtávacího políčka
Existují 3 hlavní stavy zaškrtávacích políček:
# 1) Zaškrtnuto : Stav, ve kterém je zaškrtnuto políčko, je zkontrolovaný stav . Zde vidíme políčko označené zaškrtnutím.
# 2) Nezaškrtnuto : Políčko, které není zaškrtnuto, nebo když na vybrané políčko znovu kliknete, pak se pole zobrazí v nezaškrtnutý stav .
# 3) Středně pokročilý : Když pole není v zaškrtnutém ani v nezaškrtnutém stavu, je známo, že jde o přechodný stav. V tomto stavu má uživatel možnost zvolit, zda chce na políčko kliknout nebo ne.
Výše uvedený obrázek vám pomůže porozumět těmto stavům.
Výše uvedený obrázek je dalším příkladem, který vysvětluje různé stavy zaškrtávacích políček.
- Zkontrolovaný stav: Povolit funkci XYZ
- Nekontrolovaný stav: Povolit funkci ABC, Povolit funkci WWW
- Střední stav: Povolit vše.
Proto jsou zaškrtnuté, nezaškrtnuté a přechodné stavy zaškrtávacího políčka vysvětleny výše.
Závěr
Zpracování Checkboxu pomocí selenu jsme viděli podrobně. Zaškrtávací políčka tedy umožňují uživatelům vybrat více než jednu možnost. Viděli jsme četná použití zaškrtávacího políčka, která uživatelům umožňují vybrat více možností najednou.
Prozkoumali jsme metody pro výběr prvků Checkbox a porozuměli manipulaci s více Checkboxes pomocí Selenium.
Šťastné čtení!!
=> Navštivte zde a dozvíte se selen od začátku.
Doporučené čtení
- 30+ nejlepších návodů na selen: Naučte se selen se skutečnými příklady
- Jak zpracovat upozornění / vyskakovací okna v Selenium WebDriver - Selenium Tutorial # 16
- Jak zacházet s posuvníkem v selenovém webdriveru
- Jak vybrat rádiová tlačítka v selenu WebDriver?
- Výukový program pro vyhledání prvku selen pomocí textu s příklady
- Jak zacházet s Windows Pop Up v selenu pomocí AutoIT
- Použití třídy Select Selenium pro zpracování prvků rozevíracího seznamu na webové stránce - Selenium Tutorial # 13
- Příklady uplatnění selenu - praktické aplikace v projektech