Meny

Hur man markerar kryssrutan i selen med exempel

  • Huvud
  • Övrig
  • Hur man markerar kryssrutan i selen med exempel

how select check box selenium with examples

Prova Vårt Instrument För Att Eliminera Problem

Denna handledning förklarar olika metoder för att markera kryssrutan i selen med exempel. Du lär dig också att markera flera kryssrutor och kryssrutor i HTML:

gratis fildelningswebbplatser för nedladdning

Vi såg hur radioknappar hanteras i Selen i en av våra tidigare handledning. Låt oss nu använda kryssrutan i Selen.

Kryssrutan är ett webbelement som används för att välja ett eller flera alternativ som ett resultat av svaret på den angivna frågan.

Kryssrutan kan aktiveras eller inaktiveras (det är markerat eller avmarkerat). En markerad kryssruta är den som ses som den markerade bocken. Omarkerad är den som är avmarkerad.

=> Se upp den enkla selenträningsserien här.

Hantera kryssrutan i selen

Bilden nedan visar tydligt kryssrutorna, där de första 2 kan ses markerade medan den sista är avmarkerad.

bock

Kryssrutan är även känd som markeringsruta eller kryssruta. Den lilla rutan i vilken en bock visas när du klickar på kryssrutan och när du klickar på den igen försvinner bocken och rutan är avmarkerad.

I denna handledning kommer vi att undersöka hanteringen av Checkbox i Selen.

Vad du kommer att lära dig:

Markera en kryssruta med tangentbordet

Öppna webbplatsen du arbetar med eller som har en kryssruta du vill markera.

tryck på Flik tills den kryssruta du vill markera är markerad. När önskad kryssruta är markerad, dvs. markören når kryssrutan, använd sedan Rymdstång för att markera eller avmarkera rutan.

Gå till en webbplats som har en kryssruta för att markera och prova den.

kryssa i kryssrutan med tangentbordet

Kryssruta i HTML

Låt oss först förstå användningen av kryssrutor på HTML-sidan. I HTML används kryssrutan för att välja ett eller flera alternativ bland en lista med alternativ.

Se nedanstående exempel för att förstå kryssrutor som skapats i HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Var,

  • typ : Ingångstagg har typ attribut. Det skulle vara ”kryssruta” för kryssrutor.
  • namn : Det är namn av ingångselementet.
  • värde : Det är själva värde motsvarande dess kryssruta.

Förutom ovanstående ges några fler poäng nedan:

  1. HTML-sidan heter 'Checkboxes html page'.
  2. Den har titeln ”Välj ämnen som ingår i din kursplan”.
  3. Fem kryssrutor finns: Grundläggande datorer, Elektrisk, Fysik, Kemi, Ingen.

Bilden nedan ger en tydlig bild av HTML-sidan som skapats.

kryssruta i html

Implementering av kod för hantering av kryssrutan i selen

Låt oss titta på hanteringen av kryssrutan med Selen. Med den här koden kommer vi att förstå hur funktionerna i Checkbox utförs med hjälp av Selen.

För att implementera kod i Selen för Checkbox har vi använt detta länk , och skärmdumpen för samma är som nedan:

Enstaka och flera kryssrutor Demo

Implementeringskod för hantering av CheckBox med Selen:

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..'); } }

Således vid implementering av ovanstående kod är den mottagna utmatningen som visas i bilden nedan.

selen lätt

Först är endast en kryssruta markerad, varefter ett meddelande tas emot som 'Clicked CheckBox'. För flera kryssrutor har vi sedan möjlighet att markera en, två, tre eller alla kryssrutor samtidigt. När du väljer 'Markera alla' markeras alla kryssrutor samtidigt.

kod_konsol

Markera flera kryssrutor i selen

När det finns flera alternativ och flera kryssrutor för samma, kan vi koda det på ett sådant sätt att vid körning av koden skulle alla kryssrutor kryssas. Så låt oss titta på koden för hantering av flera kryssrutor.

Vi har skapat en HTML-sida för att implementera kod för hantering av flera kryssrutor, och nedan är skärmdumpen av densamma.

flera kryssrutor

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

Således kan vi hantera flera kryssrutor. Detta var bara ett exempel, och du kan prova det med vilken annan webbplats som helst där flera kryssrutor finns med flera alternativ.

Nedan följer en skärmdump av ovanstående implementering av flera kryssrutor i Selen.

flera kontrollerade alla

utgång2

Således kan flera kryssrutor hanteras med hjälp av Selen.

Metoder för att markera kryssrutan i selen

Det finns olika sätt i Selen där vi kan markera kryssrutan på en webbsida.

De olika metoderna är som nedan:

  1. Efter ID-attribut
  2. Användning är vald ()
  3. Använda namn
  4. Använda elementvärde
  5. Av CSS Selector
  6. Med XPath

Kryssrutor och radioknappar hanteras på samma sätt och vi kan använda alla ovanstående urvalsmetoder för båda.

Tänk på bilden nedan för att förstå exemplen för var och en av urvalsmetoderna.

unchecked_seleniumeasy

# 1) Använda ID-attribut

I det här fallet behöver vi bara använda ID-attribut , oavsett dess värde. ID-attribut används i Selen för att markera önskad kryssruta. ID-attribut är olika för olika element.

Till exempel:

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

Således kan vi använda ID-attribut i Selen för val av kryssruta.

Bilden nedan belyser id-attributen för ovanstående alternativ.

Id-attribut

# 2) Användning är vald ()

Användning av är vald () gör det möjligt för användarna att se till om en viss kryssruta finns kontrollerat läge eller inte . Med enkla ord bekräftas valet av kryssrutan.

Till exempel:

bästa gratis pc-rengörare och optimizer
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) Använda klassnamn

För att markera kryssrutor med namn eller klassnamn måste vi förstå en viktig punkt som är:

För kryssrutor i samma grupp, Namn / klassnamn kommer alltid att vara samma men deras Värden är olika. Så om något element med namnet attribut hittas, kan det innehålla mer än ett element, så vi måste lagra lista av WebElements och använda sig av findElements metod.

List check = driver.findElements(By.classN ame ('cb1-element'));

Detta användes också i föregående exempel för IsSelected ().

# 4) Använda elementvärde

Kryssrutor kan väljas med hjälp av deras värden också.

Varje låda har en unikt värde . Användningen av värden för att välja kryssrutor kan vara som visas nedan.

// 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) Av CSS Selector

Ett annat sätt att välja Checkbox-element är genom CSS Selector med dess värde .

Exempel:

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

# 6) Använda XPATH

Välja ett kryssrutaelement med XPATH är ett av sätten för valet av kryssrutan i Selen som hjälper dig att välja exakt det element du vill välja.

Titta på nedanstående exempel för att välja kryssruta med XPATH.

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

Exempel / applikationer där kryssrutan ofta används

# 1) Favoritsporter

Kontrollistan i bilden nedan innehåller olika sportaktiviteter. Vi kan välja ett eller flera alternativ från det. De kryssrutor kan ses som markerade.

kvalitet analytiker intervju frågor och svar

sporter

# 2) Användning av kryssrutan för att bekräfta ett avtal

Kryssrutan finns för bekräftelse. När användaren har markerat den här kryssrutan beaktar systemet användarens godkännande av avtalet och fortsätter vidare.

hålla med

youtube-i-agree-terms-service-privacy-policy

# 3) Val av språk

För att välja språk kan en kryssruta användas. Det låter användare välja ett eller flera alternativ.

språkval

(bild källa )

# 4) Justera inställningar med hjälp av kryssrutan

Bilden nedan visar valet av kryssruta för olika preferenser. Enligt användarens val kan alternativen väljas.

Justera inställningar med hjälp av kryssrutan

(bild källa )

# 5) Välja de fitnessprogram du väljer

Olika träningsprogramalternativ tillhandahålls och användaren måste välja de som han väljer.

Välja träningsprogram du väljer

(bild källa )

# 6) Välj färger

Kryssrutor finns för val av färger också.

Välj färger

Det finns många sådana exempel där kryssrutor används.

För att nämna några fler:

  1. Välj ämnen: Matematik, engelska, fysik, kemi, alla.
  2. Välj paustid: 09.00, 12.00, 15.00, 18.00, Ingen.
  3. Fordon du har: Cykel, bil, båda, ingen.
  4. Testfärdigheter: Manuell, Automation, Båda, Inga.
  5. Metaller som används: Guld, silver, platina, blandad.
  6. Länder där produkter finns tillgängliga: Belgien, Colombia, Frankrike, Tyskland.
  7. Välj dina hobbyer: Målning, konstverk, sång, dans, trädgårdsskötsel.
  8. Vegetabilisk lista: Capsicum, blomkål, kål, potatis, tomater.
  9. Frukost checklista: Ananas, äpple, vattenmelon, apelsiner, mango.
  10. Mobiltelefoner som används i ett hus: I Phone, One Plus, Nokia, Samsung, Blackberry, Other.

States Of Checkbox

Det finns tre huvudstatus i kryssrutorna:

trestat

# 1) Kontrollerad : Den stat där kryssrutan är markerad är kontrollerat tillstånd . Här kan vi se rutan som kryssmarkerad.

# 2) Avmarkerad : Ruta som inte är markerad eller när den markerade rutan klickas igen, går rutan i ett okontrollerat tillstånd .

# 3) Mellanliggande : När en ruta varken är markerad eller i okontrollerat tillstånd är det känt att det är ett mellanläge. I detta tillstånd har användaren möjlighet att välja om han vill klicka på rutan eller inte.

Ovanstående bild hjälper dig att förstå dessa tillstånd.

checkbox_three_state_intermediate

Ovanstående bild är ytterligare ett sådant exempel som förklarar de olika tillstånden i kryssrutorna.

  • Kontrollerad stat: Aktivera funktion XYZ
  • Okontrollerat tillstånd: Aktivera funktion ABC, Aktivera funktion WWW
  • Mellanstat: Aktivera alla.

Således är kontrollerade, avmarkerade och mellanliggande tillstånd i kryssrutan som förklarats ovan.

Slutsats

Vi har sett hanteringen av Checkbox med Selen i detalj. Således gör kryssrutor det möjligt för användare att välja mer än ett alternativ. Vi har sett många användningsområden för Checkbox som gör att användarna kan välja flera alternativ samtidigt.

Vi undersökte metoderna för val av Checkbox-element och förstod hanteringen av flera Checkboxar med Selen.

Glad läsning!!

=> Besök här för att lära dig selen från repor.

Rekommenderad läsning

^