how select radio buttons selenium webdriver
ce este cheia de securitate a rețelei pe router
Acest tutorial explică cum să selectați butoanele radio în seleniu, inclusiv implementarea codului și diverse metode pentru selectarea butoanelor radio pe o pagină web:
Un buton Radio nu este altceva decât un element grafic care controlează selectarea opțiunilor, permițând astfel utilizatorului să selecteze orice opțiune dintr-un set de opțiuni. Este, de asemenea, cunoscut sub numele de buton de opțiuni.
Butoanele radio sunt așa-numite datorită funcționalității pe care le au precum canalele de radio, adică un singur buton poate fi selectat la un moment dat.
Seleniul este unul dintre cele mai populare instrumente de testare a automatizării care gestionează funcționarea aproape tuturor operațiunilor, iar butonul Radio este unul dintre ele. Să explorăm utilizarea unui instrument de automatizare pentru a înțelege funcționarea unui buton radio.
=> Verificați TOATE Tutorialele Selenium aici
În acest tutorial, vom vedea cum să gestionați butoanele radio folosind Selenium.
Ce veți învăța:
- Butoane radio în HTML
- Concluzie
Butoane radio în HTML
Să înțelegem mai întâi utilizarea unui buton radio în pagina HTML. În HTML, butonul Radio este utilizat pentru a selecta o opțiune dintr-o listă a opțiunilor furnizate.
Consultați exemplul de mai jos pentru a înțelege cum sunt create butoanele radio în HTML.
Confirmation Select a Radio button for confirmation
Yes
No
May Be
Unde,
- tip : Etichetă de intrare având tip atribut. În cea mai mare parte ar fi „Radio” pentru butoanele radio.
- Nume : Este Nume a elementului de intrare. Se spune că un set de butoane Radio cu același nume formează un grup Radio.
- valoare : Este actualul valoare corespunzător butonului său Radio.
Mai jos sunt enumerate câteva puncte în plus față de cele de mai sus:
- Pagina HTML este denumită „Confirmare”.
- Are titlul „Selectați un buton radio pentru confirmare”.
- Sunt furnizate trei butoane radio: Da, Nu, poate fi.
Imaginea de mai jos oferă o idee clară a paginii HTML create.
Implementarea codului pentru manipularea butoanelor radio în seleniu
Selectarea unui buton radio în care trebuie să alegem o singură opțiune la un moment dat îi permite utilizatorului să selecteze oricare dintre opțiuni din lista opțiunilor furnizate. Implementarea de mai jos ar oferi o idee clară despre manipularea butoanelor radio folosind Selenium WebDriver.
Mai jos este o captură de ecran a paginii Html care include secțiunea buton Radio. Pagina Html de mai jos care are un set de butoane radio pentru selectarea culorii și a dimensiunii este creată și utilizată pentru testare.
Cod de implementare pentru selectarea butonului radio:
package project1; import java.io.IOException; 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 radio { public static void main(String() args) throws IOException { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('file:///E:/Selenium class/Programs/Sonali/bin/project1/form2selenium.html'); WebElement radio = driver.findElement(By.xpath('//input(@id='i-green')')); radio.click(); WebElement radio2 = driver.findElement(By.xpath('//input(@value='Medium')')); radio2.click(); } }Ieșirea primită după executarea acestui cod este așa cum se arată în captura de ecran de mai jos:
Metode de selectare a elementelor radio folosind seleniu
Seleniul include diferite moduri prin care putem selecta elementele radio de pe o pagină web.
Diferitele metode sunt cele de mai jos:
- După atribute ID
- Utilizarea este selectată ()
- Folosind Nume
- Folosind elementul Value
- Prin selectorul CSS
- Cu XPath
Luați în considerare imaginea de mai jos pentru a înțelege exemplele fiecăreia dintre metodele de selecție:
# 1) Utilizarea atributelor de identificare
În acest caz, trebuie doar să folosim Atribut ID , indiferent de valoarea ei. Atributul ID este utilizat în Selenium pentru selectarea butonului radio dorit. Atributele ID sunt diferite pentru diferite elemente.
De exemplu:
WebElement radio = driver.findElement(By.id('i-red')); radio.click();SAU
WebElement radio1 = driver.findElement(By.id('i-green')); radio1.click();SAU
WebElement radio2 = driver.findElement (By.id('i-yellow')); radio2.click();Așa cum se arată în imaginea de mai sus, există șase butoane radio, adică roșu, albastru, verde, galben, gri și negru. Pentru selectarea unui buton Radio dintre acestea, putem folosi atributele de identificare din Selenium pentru selectarea butonului Radio în acest fel.
Imaginea de mai jos evidențiază atributele id pentru opțiunile de mai sus.
# 2) Utilizarea este selectată ()
Utilizarea este selectat () permite utilizatorului să se asigure dacă un anumit buton radio este în modul verificat sau nu . Cu cuvinte simple, selectarea butonului Radio este confirmată.
De exemplu:
List radio = driver.findElements(By.name('colour”)); //same group of Radio buttons always have same 'Names', //hence we need to use findElements method and store the list of Web elements. boolean bval = false; // create a variable which will have boolean value True/False bval = radio.get(0).isSelected(); // will return True if button is selected. if(bval = true) { radio.get(1).click(); // if the first radio button is selected by default, this will select Second radio button } else { radio.get(0).click(); // if the first radio button is not selected by default, the first will be selected }# 3) Folosirea Nume
Pentru selectarea butoanelor radio folosind numele, trebuie să înțelegem un punct important, adică pentru butoanele radio din același grup (grupul radio), Nume este întotdeauna la fel, dar lor Valori sunt diferite.
Deci, dacă se găsește un element cu atributul nume, atunci acesta ar putea conține mai multe elemente, deci trebuie să stocăm listă de WebElements și să utilizeze findElements metodă.
List radio = driver.findElements(By. name ('colour'));Aceasta a fost folosită și în exemplul anterior pentru Is Selected ().
# 4) Utilizarea valorii elementului
Butoanele radio pot fi selectate și cu ajutorul valorilor lor.
Fiecare buton are un valoare unică . Utilizarea valorilor pentru selectarea butoanelor radio poate fi așa cum se arată în exemplul de mai jos.
List RadioButton = driver.findElements(By.name('colour')); // selecting the Radio buttons by Name int Size = RadioButton.size(); // finding the number of Radio buttons for(int i=0; i # 5) Prin selectorul CSS
Un alt mod de selectare a elementelor radio este prin Selector CSS folosind valoarea sa .
Exemplul de mai jos va explica același lucru:
WebElement rbutton = driver.findElement(By.cssSelector('input(value=' Yellow')')); rbutton.click();# 6) Utilizarea XPATH
Selectarea unui element Radio folosind XPATH este una dintre modalitățile de selectare a elementelor radio în seleniu 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 butonul Radio folosind XPATH.
WebElement radio_b1 = d.findElement(By. xpath ('//input(@id='i-red')')); radio_b1.click();’SAU
WebElement radio_b2 = d.findElement(By. xpath ('//input(@id='i-green’)')); radio_b2.click();SAU
WebElement radio_b3 = d.findElement(By. xpath ('//input(@id=’i-gray’)')); radio_b3.click();Exemple / Aplicații în care sunt utilizate butoanele radio
Există un număr mare de utilizări ale butoanelor radio și câteva dintre acestea sunt menționate mai jos.
# 1) Selectarea genului:
# 2) Selectarea câmpului:
# 3) Alegeți un cont de e-mail:
(imagine sursă )
# 4) Formulare de sondaj pentru clienți:
# 5) Starea disponibilității într-o aplicație:
Există mult mai multe astfel de exemple pe care le întâlnim în munca noastră de zi cu zi. Toate aceste exemple au un lucru în comun, adică trebuie să alegeți o singură opțiune la un moment dat. Astfel, butoanele radio oferă o idee clară despre ce anume optează clientul să aleagă.
Puține alte exemple:
- Selecția culorii: Roșu / Albastru / Verde / Galben.
- Selecția câmpului / cursului: Arte / Comerț / Știință.
- Tipul adresei: Permanent temporar.
- Nivel de educatie: Școală / Colegiu / Muncă.
- Mod de plată: NetBanking / GooglePay / AmazonPay.
- Alegeți o limbă în timpul instalării aplicației: Engleză / rusă / franceză / germană /….
- Tipul de protecție prin parolă: Text Parolă / Cod poștal / Model / Amprentă.
- Mijloc de transport: Mașină / bicicletă / transport public.
- Tipul asigurării: Supliment medical / dentar / vizual / medical.
- Selectați nota elevului pe buletin: Clasa A / Clasa B / Clasa C / Clasa D.
Stările butoanelor radio
Am văzut deja utilizările butoanelor radio. Acum, să ne uităm la diferitele sale stări, împreună cu semnificația lor.
- Normal : Această stare nu este altceva decât opțiunea implicită sau starea implicită.
- Planare : Efectul de deplasare pe măsură ce este vizibil, spune utilizatorilor că este o țintă care poate fi făcută clic. De asemenea, pregătește utilizatorul să facă clic pe opțiune, după ce a văzut efectul hover.
- Verificat : Această stare arată în mod specific opțiunea radio selectată. Opțiunea selectată este plină de culoare și poate fi ușor identificată ca opțiune selectată printre celelalte opțiuni.
- Dezactivat : Odată ce o opțiune este selectată de utilizator, opțiunile rămase se pot estompa automat și utilizatorul nu are de ales să selecteze nicio opțiune dintre cele rămase. Se știe că acestea se află în stări dezactivate, deoarece este o singură opțiune care poate fi selectată la un moment dat.
- Dezactivat și bifat : La selectarea unei anumite opțiuni, dacă butonul Radio este dezactivat, este pentru a confirma selecția. Adică alegeți o opțiune și este înghețată după confirmare. Se poate identifica cu ușurință această opțiune ca fiind selectată în mod obligatoriu.
În ce se deosebesc butoanele radio de caseta de selectare?
Buton de radio Caseta de bifat Permite selectarea unei singure opțiuni la un moment dat. Permite selectarea mai multor opțiuni în același timp. Are 2 condiții majore: Adevărat sau Fals. Poate fi bifat, necontrolat și / sau nedeterminat. De obicei reprezentat ca un buton circular. De obicei reprezentată cu o cutie pătrată. Exemplu - Selectarea calificării recente:
-Absolvent
-Post- Absolvent
Este posibilă o singură selecție, fie Absolvent, fie Post-Absolvent, pentru a specifica cea mai recentă calificare utilizând butonul Radio. Exemplu - Selectarea subiectelor pentru instruire:
-Matematică
-Fizică
-Chimie
-Fonamentele computerului
-Inginerie electrică de bază
Una sau mai multe sau toate opțiunile pot fi selectate folosind caseta de selectare.
Concluzie
Am înțeles lucrul sau manipularea butoanelor radio folosind Selenium în detaliu. De asemenea, am văzut diferite metode de selectare a elementelor radio folosind Selenium.
Prin acest tutorial, am înțeles stările butoanelor Radio și diferitele exemple în care sunt utilizate butoanele Radio. Un lucru este sigur că, în cazul în care o singură opțiune satisface răspunsul (fie / fie) oferit între diferite opțiuni, în aceste cazuri, se recomandă utilizarea butoanelor radio.
Sperăm că ți-a plăcut acest tutorial informativ despre manipularea butoanelor radio în seleniu!
=> Citiți Ghidul complet de seleniu
Lectură recomandată
- Cum să gestionați alertele / ferestrele pop-up în Selenium WebDriver - Selenium Tutorial # 16
- Cum să selectați caseta de selectare din seleniu cu exemple
- Cum se execută Selenium WebDriver în diferite browsere populare
- Cum să gestionați ferestrele pop-up în seleniu folosind AutoIT
- Cum să gestionați bara de derulare în Selenium Webdriver
- Testarea accesibilității cu Selenium Webdriver cu exemplu de cod
- Cadru bazat pe date în Selenium WebDriver folosind Apache POI
- Așteptare implicită și explicită în Selenium WebDriver (Tipuri de așteptări de seleniu)
