Menu

Come selezionare i pulsanti radio in Selenium WebDriver?

how select radio buttons selenium webdriver

miglior programma per clonare un disco rigido

Prova Il Nostro Strumento Per Eliminare I Problemi

Questo tutorial spiega come selezionare i pulsanti radio in Selenium, inclusa l'implementazione del codice e vari metodi per selezionare i pulsanti radio su una pagina Web:

Un pulsante di opzione non è altro che un elemento grafico che controlla la selezione delle opzioni, consentendo così all'utente di selezionare una qualsiasi opzione da un insieme di opzioni. È anche noto come pulsante delle opzioni.

I pulsanti di opzione sono cosiddetti a causa della funzionalità che hanno come i canali della radio, ovvero è possibile selezionare un solo pulsante alla volta.

Il selenio è uno degli strumenti di test di automazione più popolari che gestisce il funzionamento di quasi tutte le operazioni e il pulsante di opzione è uno di questi. Esploriamo l'uso di uno strumento di automazione per comprendere il funzionamento di un pulsante di opzione.

=> Controlla TUTTI i tutorial sul selenio qui

Manipolazione dei pulsanti radio in selenio

In questo tutorial, vedremo come gestire i pulsanti Radio usando Selenium.

Cosa imparerai:

Pulsanti di opzione in HTML

Per prima cosa comprendiamo l'uso di un pulsante di opzione nella pagina HTML. In HTML, il pulsante di opzione viene utilizzato per selezionare un'opzione da un elenco di opzioni fornite.

Controlla l'esempio seguente per capire come vengono creati i pulsanti di opzione in HTML.

Confirmation

Select a Radio button for confirmation

Yes
No
May Be

Dove,

  • genere : Tag di input con genere attributo. Sarebbe principalmente 'Radio' per i pulsanti di opzione.
  • nome : È il nome dell'elemento Input. Si dice che una serie di pulsanti radio con lo stesso nome formi un gruppo radio.
  • valore : È il reale valore corrispondente al suo pulsante di opzione.

Di seguito sono elencati alcuni punti in più oltre a quanto sopra:

  1. La pagina HTML è denominata 'Conferma'.
  2. Ha il titolo 'Seleziona un pulsante di opzione per la conferma'.
  3. Sono disponibili tre pulsanti di opzione: Sì, No, può essere.

L'immagine sotto dà un'idea chiara della pagina HTML creata.

Seleziona il pulsante di opzione

Implementazione del codice per gestire i pulsanti radio in selenio

La selezione di un pulsante di opzione in cui dobbiamo scegliere solo un'opzione alla volta consente all'utente di selezionare una delle opzioni nell'elenco delle opzioni fornite. L'implementazione seguente darebbe una chiara idea di come gestire i pulsanti di opzione utilizzando Selenium WebDriver.

Di seguito è riportato uno screenshot della pagina Html che include la sezione del pulsante di opzione. La pagina Html sottostante che ha una serie di pulsanti di opzione per la selezione di colore e dimensione viene creata e utilizzata per il test.

pulsanti di opzione per la selezione del colore e della dimensione

Codice di implementazione per la selezione del pulsante di opzione:

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

L'output ricevuto dopo aver eseguito questo codice è come mostrato nello screenshot seguente:

Uscita: pulsante di opzione per il colore

Metodi per la selezione di elementi radio utilizzando selenio

Il selenio include diversi modi in cui possiamo selezionare gli elementi Radio su una pagina web.

I diversi metodi sono i seguenti:

  1. Per attributi ID
  2. Utilizzando è selezionato ()
  3. Usando il nome
  4. Utilizzo del valore dell'elemento
  5. Da CSS Selector
  6. Con XPath

Considera l'immagine seguente per comprendere gli esempi di ciascuno dei metodi di selezione:

metodi di selezione

# 1) Utilizzo degli attributi ID

In questo caso, dobbiamo solo usare il file Attributo ID , indipendentemente dal suo valore. L'attributo ID viene utilizzato in Selenium per selezionare il pulsante di opzione desiderato. Gli attributi ID sono diversi per i diversi elementi.

Per esempio:

WebElement radio = driver.findElement(By.id('i-red')); radio.click();

O

WebElement radio1 = driver.findElement(By.id('i-green')); radio1.click();

O

WebElement radio2 = driver.findElement (By.id('i-yellow')); radio2.click();

Come mostrato nell'immagine sopra, ci sono sei pulsanti di opzione, ovvero rosso, blu, verde, giallo, grigio e nero. Per selezionare un pulsante Radio da questi, possiamo utilizzare gli attributi ID in Selenium per la selezione del pulsante Radio in questo modo.

L'immagine sotto evidenzia gli attributi id per le opzioni precedenti.

Immagine che evidenzia gli attributi dell

# 2) Utilizzo di è selezionato ()

L'uso di È selezionato () consente all'utente di verificare se un determinato pulsante di opzione è in modalità selezionata oppure no . In parole semplici, la selezione del pulsante Radio è confermata.

Per esempio:

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) Utilizzo del nome

Per selezionare i pulsanti radio utilizzando il nome, è necessario comprendere un punto importante, ad esempio per i pulsanti radio nello stesso gruppo (gruppo radio), Nome è sempre lo stesso ma loro Valori sono diversi.

Quindi, se viene trovato un elemento con l'attributo name, potrebbe contenere più di un elemento, quindi è necessario memorizzare il file elenco di WebElements e utilizza il findElements metodo.

List radio = driver.findElements(By. name ('colour'));

Questo è stato utilizzato anche nell'esempio precedente per Is Selected ().

# 4) Utilizzo del valore dell'elemento

I pulsanti di opzione possono essere selezionati anche con l'aiuto dei loro valori.

Ogni pulsante ha un'estensione valore unico . L'uso dei valori per la selezione dei pulsanti di opzione può essere come mostrato nell'esempio seguente.

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) Dal selettore CSS

Un altro modo per selezionare gli elementi Radio è tramite Selettore CSS utilizzando il suo valore .

L'esempio seguente spiegherà lo stesso:

WebElement rbutton = driver.findElement(By.cssSelector('input(value=' Yellow')')); rbutton.click();

# 6) Utilizzo di XPATH

Selezione di un elemento radio utilizzando XPATH è uno dei modi per la selezione dell'elemento radio in Selenium che aiuta a selezionare l'elemento esatto che si desidera selezionare.

Guarda l'esempio sotto per selezionare il pulsante Radio usando XPATH.

WebElement radio_b1 = d.findElement(By. xpath ('//input(@id='i-red')')); radio_b1.click();’

O

WebElement radio_b2 = d.findElement(By. xpath ('//input(@id='i-green’)')); radio_b2.click();

O

WebElement radio_b3 = d.findElement(By. xpath ('//input(@id=’i-gray’)')); radio_b3.click();

Esempi / applicazioni in cui vengono utilizzati i pulsanti di opzione

Esiste un vasto numero di utilizzi dei pulsanti di opzione e alcuni di essi sono menzionati di seguito.

# 1) Selezione del sesso:

Pulsante di opzione di genere

# 2) Selezione del campo:

pulsante di opzione del campo

# 3) Scegli un account e-mail:

Pulsante di opzione dell

(Immagine fonte )

# 4) Moduli di sondaggio per i clienti:

Moduli di indagine sui clienti

# 5) Stato di disponibilità in un'applicazione:

Pulsante di opzione Stato disponibilità

Ci sono molti altri esempi simili che incontriamo nel nostro lavoro quotidiano. Tutti questi esempi hanno una cosa in comune, ovvero devi scegliere una singola opzione alla volta. Pertanto, i pulsanti di opzione danno un'idea chiara di ciò che esattamente il cliente decide di scegliere.

Pochi altri esempi:

  1. Selezione del colore: Rosso / Blu / Verde / Giallo.
  2. Selezione campo / corso: Arte / Commercio / Scienza.
  3. Tipo di indirizzo: Permanente / temporaneo.
  4. Livello scolastico: Scuola / College / Lavoro.
  5. Modalità di pagamento: NetBanking / GooglePay / AmazonPay.
  6. Scegli una lingua durante l'installazione dell'app: Inglese / Russo / Francese / Tedesco /….
  7. Tipo di protezione tramite password: Password di testo / codice postale / motivo / impronta digitale.
  8. Modalità di trasporto: Auto / bici / trasporto pubblico.
  9. Tipo di assicurazione: Supplemento medico / dentale / visivo / medico.
  10. Seleziona il voto dello studente nella pagella: Grado A / Grado B / Grado C / Grado D.

Stati Di Pulsanti Radio

Abbiamo già visto gli usi dei pulsanti radio. Ora, diamo un'occhiata ai suoi diversi stati insieme al loro significato.

stati del pulsante di opzione

  1. Normale : Questo stato non è altro che l'opzione predefinita o lo stato predefinito.
  2. Hover : L'effetto al passaggio del mouse quando è visibile indica agli utenti che si tratta di un target cliccabile. Inoltre, prepara l'utente a fare clic sull'opzione, dopo aver visto l'effetto al passaggio del mouse.
  3. Controllato : Questo stato mostra specificamente l'opzione radio selezionata. L'opzione selezionata è colorata e può essere facilmente identificata come un'opzione selezionata tra le altre opzioni.
  4. Disabilitato : Una volta che un'opzione è stata selezionata dall'utente, le opzioni rimanenti potrebbero scomparire automaticamente e l'utente non ha alcuna scelta di selezionare alcuna opzione tra le rimanenti. Questi sono noti per essere in stati disabilitati, poiché è solo un'opzione che può essere selezionata alla volta.
  5. Disabilitato e verificato : Selezionando una particolare opzione, se il pulsante Radio è disabilitato, è per confermare la selezione. Cioè scegli un'opzione e viene congelata come confermata. Si può facilmente identificare questa opzione come selezionata obbligatoriamente.

In che modo i pulsanti di opzione sono diversi dalla casella di controllo?

Pulsante radioCasella di controllo
Consente la selezione di una sola opzione alla volta.Consente la selezione di più opzioni contemporaneamente.
Ha 2 condizioni principali: Vero o Falso.Può essere selezionato, deselezionato e / o indeterminato.
Di solito rappresentato come un pulsante circolare.Di solito rappresentato con una scatola quadrata.
Esempio: selezione della qualifica recente:
-Laureato
-Post- Laureato
È possibile solo una selezione Laureato o Post-laurea per specificare l'ultima qualifica utilizzando il pulsante di opzione.		Esempio: selezione delle materie per la formazione:
-Matematica
-Fisica
-Chimica
- Fondamenti di computer
-Ingegneria elettrica di base
Una o più o tutte le opzioni possono essere selezionate utilizzando la casella di controllo.

Conclusione

Abbiamo compreso in dettaglio il funzionamento o la gestione dei pulsanti radio utilizzando il selenio. Abbiamo anche visto diversi metodi per selezionare gli elementi radio usando il selenio.

Attraverso questo tutorial, abbiamo compreso gli stati dei pulsanti di opzione e i vari esempi in cui vengono utilizzati i pulsanti di opzione. Una cosa è certa che, nel caso in cui una sola opzione soddisfi la risposta (o / o) fornita tra le varie opzioni, in quei casi si consiglia di utilizzare i Pulsanti Radio.

Ci auguriamo che questo tutorial informativo sulla gestione dei pulsanti radio in selenio ti sia piaciuto!

=> Leggere tutta la guida completa al selenio

Lettura consigliata

^