Meniu

Cum să selectați caseta de selectare din seleniu cu exemple

  • Principal
  • Alte
  • Cum să selectați caseta de selectare din seleniu cu exemple

how select check box selenium with examples

Încercați Instrumentul Nostru Pentru Eliminarea Problemelor

Acest tutorial explică diferite metode de selectare a casetei de selectare din seleniu cu exemple. De asemenea, veți învăța să selectați mai multe casete de selectare și casetă de selectare în HTML:

Am văzut cum sunt tratate butoanele radio în Selenium într-unul dintre tutorialele noastre anterioare. Acum, să funcționăm caseta de selectare din Selenium.

Caseta de selectare este un element Web care este utilizat pentru selectarea uneia sau mai multor opțiuni, ca urmare a răspunsului la întrebarea furnizată.

Caseta de selectare poate fi activată sau dezactivată (care este bifată sau debifată). O casetă de selectare bifată este cea care este văzută ca bifă marcată. Necontrolat este cel care este neatins.

=> Fii atent la seria de antrenament Selenium Simple aici.

Manevrarea casetei de selectare în seleniu

Imaginea de mai jos arată clar casetele de selectare, unde primele 2 pot fi văzute bifate în timp ce ultima este debifată.

bifează

Caseta de selectare este, de asemenea, cunoscută sub numele de Casetă de selecție sau Casetă de bifare. Căsuța mică în interiorul căreia apare o bifă făcând clic pe caseta de selectare și când este apăsată din nou, bifa dispare și caseta este debifată.

În acest tutorial, vom explora modul de gestionare a Checkbox în Selenium.

Ce veți învăța:

Bifați o casetă de selectare utilizând tastatura

Deschideți site-ul web la care lucrați sau care are o casetă de selectare pe care doriți să o selectați.

apasă pe Tab până când este evidențiată caseta de selectare pe care doriți să o selectați. Odată ce caseta de selectare dorită este văzută evidențiată, adică cursorul ajunge la Caseta de selectare, apoi utilizați Bara de spațiu pentru a bifa sau debifa caseta.

Accesați orice site web care are o casetă de selectare pentru a selecta și încerca.

bifați o casetă de selectare folosind tastatura

Casetă de selectare în HTML

Să înțelegem mai întâi utilizarea casetelor de selectare în pagina HTML. În HTML, Caseta de selectare este utilizată pentru a selecta una sau mai multe opțiuni dintr-o listă de opțiuni furnizate.

Consultați exemplul de mai jos pentru a înțelege casetele de selectare create în HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Unde,

  • tip : Etichetă de intrare având tip atribut. Ar fi „casetă de selectare” pentru casetele de selectare.
  • Nume : Este Nume a elementului de intrare.
  • valoare : Este actualul valoare corespunzând casetei de selectare.

În plus față de cele de mai sus, mai multe puncte sunt date mai jos:

  1. Pagina HTML este denumită „Casetă de selectare pagina html”.
  2. Are titlul „Alegeți subiectele incluse în programa dvs.”.
  3. Sunt furnizate cinci casete de selectare: Bazele computerului, Electrice, Fizică, Chimie, Niciuna.

Imaginea de mai jos oferă o idee clară a paginii HTML create.

caseta de selectare în html

Implementarea codului pentru manipulare Casetă de selectare în seleniu

Să ne uităm la Manipularea casetei de selectare folosind Selenium. Cu acest cod, vom înțelege cum se efectuează operațiunile Checkbox prin utilizarea Selenium.

Pentru implementarea codului în Selenium for Checkbox, am folosit acest lucru legătură , iar captura de ecran pentru același lucru este ca mai jos:

Casetă de validare unică și multiplă Demo

descărcați videoclipuri și audio de pe YouTube

Cod de implementare pentru manipularea CheckBox folosind 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..'); } }

Astfel, la implementarea codului de mai sus, ieșirea primită este așa cum se arată în imaginea de mai jos.

seleniu ușor

În primul rând, este bifată doar o singură casetă de selectare, după care se primește un mesaj ca „Casetă de selectare cu clic”. Apoi, pentru mai multe casete de selectare, avem opțiunea de a bifa una, două, trei sau toate casetele de selectare în același timp. La alegerea „Verificați toate”, toate casetele de selectare sunt bifate în același timp.

code_console

Bifați mai multe casete de selectare în seleniu

Când există mai multe opțiuni și mai multe casete de selectare prevăzute pentru același lucru, îl putem codifica în așa fel încât la executarea codului să fie bifate toate casetele de selectare. Așadar, să ne uităm la codul pentru gestionarea mai multor casete de selectare.

Am creat o pagină HTML, pentru implementarea codului pentru gestionarea mai multor casete de selectare, iar mai jos este captura de ecran a acesteia.

casetă de selectare multiplă

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

Astfel, putem gestiona mai multe casete de selectare. Acesta a fost doar un exemplu și îl puteți încerca cu orice alt site web în care sunt prezente mai multe casete de selectare cu mai multe opțiuni.

Mai jos este captura de ecran a implementării de mai sus a mai multor casete de selectare în Selenium.

verificare multiplă

output2

Astfel, mai multe casete de selectare pot fi tratate cu ajutorul seleniului.

Metode de selectare a casetei de selectare din seleniu

Există diferite moduri în Selenium prin care putem selecta elementele Casetei de selectare de pe o pagină Web.

Diferitele metode sunt cele de mai jos:

  1. După atribute ID
  2. Utilizarea este selectată ()
  3. Folosind Nume
  4. Folosind elementul Value
  5. Prin selectorul CSS
  6. Cu XPath

Casetele de selectare și butoanele radio sunt tratate în mod similar și putem folosi toate metodele de selecție de mai sus pentru ambele.

Luați în considerare imaginea de mai jos pentru a înțelege exemplele pentru fiecare dintre metodele de selecție.

unchecked_seleniumeasy

# 1) Utilizarea atributelor de identificare

În acest caz, trebuie doar să folosim Atribut ID , oricare ar fi valoarea sa. Atributul ID este utilizat în Selenium pentru a selecta caseta de selectare dorită. Atributele ID sunt diferite pentru diferite elemente.

De exemplu:

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

Astfel, putem folosi atributele ID din Selenium pentru selectarea Casetei de selectare.

Imaginea de mai jos evidențiază atributele id pentru opțiunea de mai sus.

Atribute de identificare

# 2) Utilizarea este selectată ()

Utilizarea este selectată () permite utilizatorilor să se asigure dacă o anumită casetă de selectare se află în modul verificat sau nu . În cuvinte simple, selectarea casetei de verificare este confirmată.

De exemplu:

ce este o cheie de rețea pentru wifi
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) Utilizarea numelui clasei

Pentru a selecta casetele de selectare folosind numele sau numele clasei, trebuie să înțelegem un punct important care este:

Pentru casetele de selectare din același grup, Nume / Nume de clasă va fi întotdeauna la fel, dar lor Valori sunt diferite. Deci, dacă se găsește un element cu atributul name, atunci acesta ar putea conține mai multe elemente, deci trebuie să stocăm listă de WebElements și să utilizeze findElements metodă.

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

Acest lucru a fost folosit și în exemplul anterior pentru IsSelected ().

# 4) Utilizarea elementului Value

Casetele de selectare pot fi bifate și cu ajutorul valorilor lor.

Fiecare cutie are un valoare unică . Utilizarea valorilor pentru selectarea casetelor de selectare poate fi așa cum se arată mai jos.

// 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) Prin selectorul CSS

Un alt mod de selectare a elementelor Checkbox este prin Selector CSS folosind valoarea sa .

Exemplu:

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

# 6) Utilizarea XPATH

Selectarea unui element Checkbox folosind XPATH este una dintre modalitățile de selectare a elementului Casetă de selectare din Selenium care ajută la selectarea exactă a elementului pe care doriți să îl selectați.

Uitați-vă la exemplul de mai jos pentru a selecta Caseta de selectare folosind XPATH.

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

Exemple / Aplicații în care este frecvent utilizată caseta de selectare

# 1) Sporturi preferate

Lista de verificare din imaginea de mai jos conține diferite activități sportive. Putem selecta una sau mai multe opțiuni din acesta. Căsuțele bifate pot fi văzute ca evidențiate.

Sport

# 2) Utilizarea casetei de selectare pentru a confirma un acord

Caseta de selectare este furnizată pentru confirmare. Odată ce bifa utilizatorului marchează această casetă de selectare, sistemul ia în considerare acceptarea de către utilizator a acordului și continuă mai departe.

de acord

youtube-i-agre-terms-service-privacy-policy

# 3) Selectarea limbii

Pentru selectarea unei limbi, se poate utiliza o Casetă de selectare. Permite utilizatorilor să selecteze una sau mai multe opțiuni.

Alegerea limbii

(imagine sursă )

# 4) Reglarea setărilor cu utilizarea casetei de selectare

Imaginea de mai jos arată selecția Casetei de selectare pentru diferite preferințe. După alegerea utilizatorului, opțiunile pot fi selectate.

Reglarea setărilor cu ajutorul casetei de selectare

(imagine sursă )

# 5) Selectarea programelor de fitness la alegere

Sunt oferite diferite opțiuni de program de fitness, iar utilizatorul trebuie să aleagă cele la alegere.

Selectarea programelor de fitness la alegere

(imagine sursă )

# 6) Alegeți Culori

Casetele de selectare sunt prevăzute și pentru selectarea culorilor.

Alege Culori

Există numeroase astfel de exemple în care sunt utilizate casetele de selectare.

Pentru a menționa încă câteva:

  1. Alegeți subiecte: Matematică, engleză, fizică, chimie, toate.
  2. Selectați ora pauzei: 9 AM, 12 PM, 3 PM, 6 PM, Niciuna.
  3. Vehicule pe care le aveți: Bicicletă, Mașină, ambele, Niciuna.
  4. Abilități de testare: Manual, automatizare, ambele, niciuna.
  5. Metale utilizate: Aur, Argint, Platină, Mixt.
  6. Țările în care sunt disponibile produse: Belgia, Columbia, Franța, Germania.
  7. Selectați-vă hobby-urile: Pictură, lucrări de artă, cântat, dans, grădinărit.
  8. Lista legumelor: Capsicum, conopidă, varză, cartofi, roșii.
  9. Lista de verificare a fructelor: Ananas, Mere, Pepene verde, Portocale, Mango.
  10. Telefoane celulare utilizate într-o casă: I Phone, One Plus, Nokia, Samsung, Blackberry, Altele.

Casele de bifare

Există 3 stări majore ale casetelor de selectare:

trei state

# 1) Verificat : Starea în care este selectată caseta de selectare este starea verificată . Aici, putem vedea caseta ca bifată.

# 2) Necontrolat : Caseta care nu este bifată sau când se face clic din nou pe caseta selectată, apoi caseta intră într-un stare necontrolată .

# 3) Intermediar : Atunci când o casetă nu este nici verificată, nici în stare necontrolată, se știe că este o stare intermediară. În această stare, utilizatorul are opțiunea de a alege dacă dorește să facă clic pe casetă sau nu.

Imaginea de mai sus vă va ajuta să înțelegeți aceste stări.

checkbox_three_state_intermediate

cel mai bun software pentru clonarea unui hard disk

Imaginea de mai sus este încă un astfel de exemplu care explică diferitele stări ale casetelor de selectare.

  • Starea verificată: Activați caracteristica XYZ
  • Stat necontrolat: Activați caracteristica ABC, Activați caracteristica WWW
  • Stat intermediar: Permite tuturor.

Astfel, stările bifate, nebifate și intermediare ale casetei de selectare sunt așa cum s-a explicat mai sus.

Concluzie

Am văzut în detaliu manipularea Checkbox folosind Selenium. Astfel, casetele de selectare permit utilizatorilor să selecteze mai multe opțiuni. Am văzut numeroase utilizări ale Checkbox care permit utilizatorilor să selecteze mai multe opțiuni în același timp.

Am explorat metodele de selectare a elementelor Checkbox și am înțeles manevrarea mai multor Checkbox-uri folosind Selenium.

Lectura placuta!!

=> Vizitați aici pentru a afla Seleniu de la zero.

Lectură recomandată

^