Menu

Come selezionare la casella di controllo in selenio con esempi

  • Principale
  • Altro
  • Come selezionare la casella di controllo in selenio con esempi

how select check box selenium with examples

Prova Il Nostro Strumento Per Eliminare I Problemi

Questo tutorial spiega vari metodi per selezionare la casella di controllo in selenio con esempi. Imparerai anche a selezionare più checkbox e checkbox in HTML:

come trovare la chiave di sicurezza di rete sul telefono Android

Abbiamo visto come vengono gestiti i pulsanti di opzione in Selenium in uno dei nostri tutorial precedenti. Ora, vediamo il funzionamento della casella di controllo in selenio.

La casella di controllo è un elemento Web che viene utilizzato per la selezione di una o più opzioni, come risultato della risposta alla domanda fornita.

La casella di controllo può essere attivata o disattivata (che è selezionata o deselezionata). Una casella di controllo selezionata è quella che viene visualizzata come segno di spunta. Deselezionato è quello che non è selezionato.

=> Guarda qui la serie di addestramento al selenio semplice.

Casella di controllo per la manipolazione in selenio

L'immagine sotto mostra chiaramente le caselle di controllo, dove le prime 2 possono essere viste spuntate mentre l'ultima è deselezionata.

spuntare

La casella di controllo è anche nota come casella di selezione o casella di spunta. La piccola casella all'interno della quale appare un segno di spunta facendo clic sulla casella di controllo e quando si fa nuovamente clic, il segno di spunta scompare e la casella è deselezionata.

In questo tutorial, esploreremo la gestione di Checkbox in Selenium.

Cosa imparerai:

Seleziona una casella di controllo utilizzando la tastiera

Apri il sito web su cui stai lavorando o che ha una casella di controllo che desideri selezionare.

premi il Tab finché non viene evidenziata la casella di controllo che si desidera selezionare. Una volta evidenziata la casella di controllo desiderata, ovvero il cursore raggiunge la casella di controllo, quindi utilizzare il Barra spaziatrice per selezionare o deselezionare la casella.

Vai a qualsiasi sito Web che abbia una casella di controllo per selezionarlo e provarlo.

selezionare una casella di controllo utilizzando la tastiera

Casella di controllo in HTML

Cerchiamo prima di capire l'uso delle caselle di controllo nella pagina HTML. In HTML, la casella di controllo viene utilizzata per selezionare una o più opzioni tra un elenco di opzioni fornite.

Vedere l'esempio seguente per comprendere le caselle di controllo create in HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Dove,

  • genere : Tag di input con genere attributo. Sarebbe 'casella di controllo' per le caselle di controllo.
  • nome : È il nome dell'elemento Input.
  • valore : È il reale valore corrispondente alla sua casella di controllo.

Oltre a quanto sopra, di seguito vengono forniti alcuni altri punti:

  1. La pagina HTML è denominata 'Pagina html Caselle di controllo'.
  2. Ha il titolo “Scegli le materie incluse nel tuo programma”.
  3. Sono disponibili cinque caselle di controllo: Fondamenti del computer, Elettricità, Fisica, Chimica, Nessuna.

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

casella di controllo in html

Implementazione del codice per la gestione della casella di controllo in selenio

Diamo un'occhiata alla gestione della casella di controllo utilizzando selenio. Con questo codice capiremo come vengono svolte le operazioni di Checkbox mediante l'utilizzo del Selenio.

Per implementare il codice in Selenium per Checkbox, abbiamo usato questo collegamento e lo screenshot per lo stesso è il seguente:

Casella di controllo singolo e multiplo Demo

Codice di implementazione per Handling CheckBox utilizzando 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..'); } }

Pertanto, durante l'implementazione del codice precedente, l'output ricevuto è come mostrato nell'immagine sottostante.

selenio facile

Innanzitutto, viene selezionata una sola casella di controllo, dopodiché viene ricevuto un messaggio come 'casella di controllo selezionata'. Quindi, per più caselle di controllo, abbiamo la possibilità di selezionare una, due, tre o tutte le caselle di controllo contemporaneamente. Scegliendo 'Seleziona tutto', tutte le caselle di controllo vengono selezionate contemporaneamente.

code_console

Seleziona più caselle di controllo in selenio

Quando sono presenti più opzioni e più caselle di controllo fornite per lo stesso, possiamo codificarlo in modo tale che all'esecuzione del codice tutte le caselle di controllo vengano selezionate. Quindi, esaminiamo il codice per la gestione di più caselle di controllo.

Abbiamo creato una pagina HTML, per l'implementazione del codice per la gestione di più Checkbox, e di seguito è riportato lo screenshot della stessa.

casella di controllo multipla

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

Pertanto, possiamo gestire più caselle di controllo. Questo era solo un esempio e puoi provarlo con qualsiasi altro sito Web in cui sono presenti più caselle di controllo con più opzioni.

Di seguito è riportato lo screenshot dell'implementazione sopra di più Checkbox in Selenium.

più checkall

output2

Pertanto, più caselle di controllo possono essere gestite con l'aiuto del selenio.

Metodi per selezionare la casella di controllo in selenio

Ci sono diversi modi in Selenium usando i quali possiamo selezionare gli elementi Checkbox in 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

Caselle di controllo e pulsanti di opzione sono gestiti in modo simile e possiamo utilizzare tutti i metodi di selezione sopra per entrambi.

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

unchecked_seleniumeasy

# 1) Utilizzo degli attributi ID

In questo caso, dobbiamo solo usare il file Attributo ID , qualunque sia il suo valore. L'attributo ID viene utilizzato in Selenium per selezionare la casella di controllo desiderata. Gli attributi ID sono diversi per i diversi elementi.

Per esempio:

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

Pertanto, possiamo utilizzare gli attributi ID in Selenium per la selezione della casella di controllo.

L'immagine sotto evidenzia gli attributi id per l'opzione precedente.

Attributi ID

# 2) Utilizzo di è selezionato ()

L'utilizzo di È selezionato () consente agli utenti di verificare se una particolare casella di controllo è presente modalità selezionata oppure no . In parole semplici, la selezione della casella di controllo è confermata.

Per esempio:

miglior software di backup gratuito per Windows 7
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) Utilizzo del nome della classe

Per selezionare le caselle di controllo utilizzando il nome o il nome della classe, è necessario comprendere un punto importante che è:

Per le caselle di controllo nello stesso gruppo, Nome / nome della classe sarà sempre lo stesso ma il 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 check = driver.findElements(By.classN ame ('cb1-element'));

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

# 4) Utilizzo del valore dell'elemento

Le caselle di controllo possono essere selezionate anche con l'aiuto dei loro valori.

Ogni scatola ha un valore unico . L'uso dei valori per la selezione delle caselle di controllo può essere illustrato di seguito.

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

Un altro modo per selezionare gli elementi della casella di controllo è tramite Selettore CSS utilizzando il suo valore .

Esempio:

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

# 6) Utilizzo di XPATH

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

Guarda l'esempio di seguito per selezionare la casella di controllo utilizzando XPATH.

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

Esempi / applicazioni in cui la casella di controllo è comunemente utilizzata

# 1) Sport preferiti

La lista di controllo nell'immagine sottostante contiene diverse attività sportive. Possiamo selezionare una o più opzioni da esso. Le caselle selezionate possono essere visualizzate come evidenziate.

scarica tutti i video dalla playlist di youtube

Gli sport

# 2) Utilizzo della casella di controllo per confermare un accordo

La casella di controllo viene fornita per conferma. Una volta che l'utente ha contrassegnato questa casella di controllo, il sistema considera l'accettazione del contratto da parte dell'utente e continua ulteriormente.

essere d

youtube-accetto-termini-servizio-privacy-policy

# 3) Selezione della lingua

Per selezionare una lingua, è possibile utilizzare una casella di controllo. Consente agli utenti di selezionare una o più opzioni.

selezione della lingua

(Immagine fonte )

# 4) Regolazione delle impostazioni con l'uso della casella di controllo

L'immagine sotto mostra la selezione della casella di controllo per diverse preferenze. Secondo la scelta dell'utente, le opzioni possono essere selezionate.

Regolazione delle impostazioni con l

(Immagine fonte )

# 5) Selezione dei programmi di fitness di tua scelta

Sono disponibili diverse opzioni di programma di fitness e l'utente deve scegliere quelle di sua scelta.

Selezione dei programmi di fitness di tua scelta

(Immagine fonte )

# 6) Scegli i colori

Le caselle di controllo sono previste anche per la selezione dei colori.

Scegli i colori

Esistono numerosi esempi di questo tipo in cui vengono utilizzate le caselle di controllo.

Per citarne altri:

  1. Scegli i soggetti: Matematica, inglese, fisica, chimica, tutti.
  2. Seleziona il tempo di pausa: 9:00, 12:00, 15:00, 18:00, nessuno.
  3. Veicoli che hai: Bici, macchina, entrambe, nessuna.
  4. Capacità di test: Manuale, Automazione, Entrambi, Nessuno.
  5. Metalli utilizzati: Oro, argento, platino, misto.
  6. Paesi in cui sono disponibili i prodotti: Belgio, Colombia, Francia, Germania.
  7. Seleziona i tuoi hobby: Pittura, opere d'arte, canto, danza, giardinaggio.
  8. Lista di verdure: Capsico, Cavolfiore, Cavolo cappuccio, Patate, Pomodori.
  9. Lista di controllo della frutta: Ananas, Mela, Anguria, Arance, Manghi.
  10. Cellulari utilizzati in una casa: I Phone, One Plus, Nokia, Samsung, Blackberry, Altro.

Stati della casella di controllo

Esistono 3 stati principali delle caselle di controllo:

threestate

# 1) Controllato : Lo stato in cui è selezionata la casella di controllo è stato controllato . Qui possiamo vedere la casella contrassegnata da un segno di spunta.

# 2) Deselezionata : Casella che non è contrassegnata da un segno di spunta o quando si fa nuovamente clic sulla casella selezionata, la casella va in un stato deselezionato .

# 3) Intermedio : Quando una casella non è né selezionata né deselezionata, è noto che è uno stato intermedio. In questo stato, l'utente ha la possibilità di scegliere se desidera o meno fare clic sulla casella.

L'immagine sopra ti aiuterà a capire questi stati.

checkbox_three_state_intermediate

L'immagine sopra è un altro esempio simile che spiega i diversi stati delle caselle di controllo.

  • Stato controllato: Abilita la funzione XYZ
  • Stato deselezionato: Abilita la funzione ABC, Abilita la funzione WWW
  • Stato intermedio: Attiva tutto.

Pertanto, gli stati Checked, Unchecked e Intermediate della casella di controllo sono come spiegato sopra.

Conclusione

Abbiamo visto in dettaglio la gestione di Checkbox utilizzando Selenium. Pertanto, le caselle di controllo consentono agli utenti di selezionare più di un'opzione. Abbiamo visto numerosi utilizzi di Checkbox che consentono agli utenti di selezionare più opzioni contemporaneamente.

Abbiamo esplorato i metodi per la selezione degli elementi della casella di controllo e compreso la gestione di più caselle di controllo utilizzando il selenio.

Buona lettura!!

=> Visita qui per imparare il selenio da zero.

Lettura consigliata

^