Menú

Com seleccionar botons de ràdio a Selenium WebDriver?

how select radio buttons selenium webdriver

que és el millor proveïdor de correu electrònic

Proveu El Nostre Instrument Per Eliminar Problemes

Aquest tutorial explica com seleccionar botons de ràdio a Selenium, inclosa la implementació del codi i diversos mètodes per seleccionar botons de ràdio en una pàgina web:

Un botó d’opció no és res més que un element gràfic que controla la selecció d’opcions, cosa que permet a l’usuari seleccionar qualsevol opció d’un conjunt d’opcions. També es coneix com a botó d’opcions.

Els botons d’opció s’anomenen per la funcionalitat que tenen com a canals de ràdio, és a dir, que només es pot seleccionar un botó alhora.

El seleni és una de les eines de proves d'automatització més populars que gestiona el funcionament de gairebé totes les operacions i el botó de ràdio n'és una. Explorem l’ús d’una eina d’automatització per entendre el funcionament d’un botó d’opció.

=> Consulteu TOTS els tutorials de Selenium aquí

Manipulació de botons de ràdio en seleni

En aquest tutorial, veurem com gestionar els botons de ràdio mitjançant Selenium.

Què aprendreu:

Botons de ràdio en HTML

Primer comprenem l’ús d’un botó d’opció a la pàgina HTML. En HTML, el botó d’opció s’utilitza per seleccionar una opció entre una llista de les opcions proporcionades.

Consulteu l'exemple següent per entendre com es creen els botons de ràdio en HTML.

Confirmation

Select a Radio button for confirmation

Yes
No
May Be

On,

  • tipus : Etiqueta d'entrada que té tipus atribut. Majoritàriament seria ‘Ràdio’ per als botons d’opció.
  • nom : Això és el nom de l'element d'entrada. Es diu que un conjunt de botons de ràdio amb el mateix nom formen un grup de ràdio.
  • valor : És l'actual valor corresponent al seu botó de ràdio.

A continuació, es detallen alguns punts més a més dels anteriors:

  1. La pàgina HTML s'anomena 'Confirmació'.
  2. Té el títol 'Selecciona un botó d'opció per confirmar'.
  3. Es proporcionen tres botons d'opció: Sí, No, pot ser.

La imatge següent proporciona una idea clara de la pàgina HTML creada.

Seleccioneu el botó d

Implementació del codi per manejar els botons de ràdio al seleni

La selecció d’un botó d’opció en què només hem de triar una opció alhora permet a l’usuari seleccionar qualsevol de les opcions de la llista de les opcions proporcionades. La implementació següent donaria una idea clara del maneig dels botons de ràdio mitjançant Selenium WebDriver.

A continuació es mostra una captura de pantalla de la pàgina HTML que inclou la secció del botó d’opció. La pàgina HTML següent que conté un conjunt de botons d'opció per seleccionar el color i la mida es crea i s'utilitza per provar.

botons d

Codi d'implementació per a la selecció de botons d'opció:

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

La sortida rebuda després d’executar aquest codi és la que es mostra a la captura de pantalla següent:

Sortida: botó d’opció de color

Mètodes per seleccionar elements de ràdio mitjançant seleni

Seleni inclou diferents maneres de seleccionar els elements de ràdio en una pàgina web.

Els diferents mètodes són els següents:

  1. Per atributs d'identificació
  2. L'ús està seleccionat ()
  3. Utilitzant el nom
  4. Utilitzant l'element Value
  5. Per selector CSS
  6. Amb XPath

Considereu la imatge següent per entendre els exemples de cadascun dels mètodes de selecció:

mètodes de selecció

# 1) Ús d'atributs d'identificació

En aquest cas, només hem d’utilitzar el fitxer Atribut ID , independentment del valor que tingui. L'atribut ID s'utilitza a Selenium per seleccionar el botó d'opció desitjat. Els atributs d’ID són diferents per a diferents elements.

Per exemple:

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

Com es mostra a la imatge anterior, hi ha sis botons d’opció, és a dir, vermell, blau, verd, groc, gris i negre. Per seleccionar un botó d’opció entre aquests, podem fer servir d’aquesta manera els atributs d’identificació a Selenium per a la selecció de botons d’opció.

La imatge següent ressalta els atributs d'identificació de les opcions anteriors.

Imatge que ressalta els atributs de l’identificador

# 2) L'ús està seleccionat ()

L'ús de S'ha seleccionat () permet a l'usuari assegurar-se que hi ha un botó d'opció concret mode comprovat o no . En paraules simples, es confirma la selecció del botó d'opció.

Per exemple:

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) Utilitzant el nom

Per a la selecció de botons de ràdio mitjançant el nom, hem d’entendre un punt important, és a dir, per als botons de ràdio del mateix grup (grup de ràdio), Nom sempre és el mateix però el seu Valors són diferents.

Per tant, si es troba algun element amb l’atribut name, llavors pot contenir més d’un element, per tant, hem de desar el fitxer llista de WebElements i fer ús del fitxer findElements mètode.

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

Això també es va utilitzar a l'exemple anterior per a Is Selected ().

# 4) Ús del valor de l'element

Els botons d’opció també es poden seleccionar amb l’ajuda dels seus valors.

Cada botó té un valor únic . L'ús dels valors per seleccionar els botons d'opció pot ser el que es mostra a l'exemple següent.

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) Per selector CSS

Una altra forma de seleccionar elements de ràdio és mitjançant Selector CSS amb el seu valor .

L'exemple següent explicarà el mateix:

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

# 6) Utilitzar XPATH

Selecció d'un element de ràdio mitjançant XPATH és una de les formes de selecció d'elements de ràdio a Selenium que ajuda a seleccionar l'element exacte que voleu seleccionar.

Mireu l'exemple següent per seleccionar el botó d'opció amb 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();

Exemples / aplicacions en què s’utilitzen els botons de ràdio

Hi ha un gran nombre d’usos dels botons de ràdio i alguns d’ells s’esmenten a continuació.

# 1) Selecció de gènere:

Botó d

# 2) Selecció de camp:

botó d

# 3) Trieu un compte de correu electrònic:

Botó d

(imatge font )

# 4) Formularis d'enquesta als clients:

Formularis d’enquesta als clients

# 5) Estat de disponibilitat en una sol·licitud:

Estat de la disponibilitat Botó de ràdio

Hi ha molts més exemples d’aquest tipus que trobem en el nostre treball diari. Tots aquests exemples tenen una cosa en comú, és a dir, heu de triar una sola opció a la vegada. Per tant, els botons de ràdio donen una idea clara de què opta exactament el client per triar.

Alguns altres exemples:

  1. Selecció de colors: Vermell / Blau / Verd / Groc.
  2. Selecció de camp / curs: Arts / Comerç / Ciència.
  3. Tipus d'adreça: Permanent / Temporal.
  4. Nivell Educatiu: Escola / Facultat / Treballar.
  5. Forma de pagament: NetBanking / GooglePay / AmazonPay.
  6. Trieu un idioma durant la instal·lació de l'aplicació: Anglès / rus / francès / alemany /….
  7. Tipus de protecció per contrasenya: Text de contrasenya / codi postal / patró / empremta digital.
  8. Mode de transport: Cotxe / Bicicleta / Transport públic.
  9. Tipus d'assegurança: Suport mèdic / dental / visual / mèdic.
  10. Seleccioneu la nota de l’alumne a la butlleta: Grau A / Grau B / Grau C / Grau D.

Estats dels botons de ràdio

Ja hem vist els usos de Radio Buttons. Ara, vegem els seus diferents estats juntament amb la seva importància.

estats de Radio Button

  1. Normal : Aquest estat no és altra cosa que l'opció o estat per defecte.
  2. Passeu el cursor : L'efecte del cursor, tal com és visible, indica als usuaris que és un objectiu on es pot fer clic. A més, prepara l’usuari per fer clic a l’opció, després de veure l’efecte del cursor.
  3. Comprovat : Aquest estat mostra específicament l'opció de ràdio que està seleccionada. L'opció seleccionada està plena de colors i es pot identificar fàcilment com una opció seleccionada entre les altres opcions.
  4. Desactivat : Un cop l’usuari ha seleccionat una opció, és possible que les opcions restants s’esvaeixin automàticament i l’usuari no tingui opció de seleccionar cap opció entre la resta. Se sap que es troben en estats desactivats, ja que només és una opció que es pot seleccionar alhora.
  5. Desactivat i marcat : En seleccionar una opció particular, si el botó d'opció està desactivat, és per confirmar la selecció. És a dir, trieu una opció i queda congelada segons es confirmi. Es pot identificar fàcilment aquesta opció com a seleccionada obligatòriament.

En què es diferencien els botons de ràdio de la casella de selecció?

Botó d'opcióCasella de selecció
Permet seleccionar una sola opció alhora.Permet seleccionar diverses opcions alhora.
Té dues condicions principals: vertadera o falsa.Es pot marcar, sense marcar i / o indeterminar.
Normalment es representa com un botó circular.Normalment es representa amb una caixa quadrada.
Exemple: selecció de la qualificació recent:
-Graduat
-Post- Llicenciat
Només és possible una selecció de postgrau o postgrau per especificar la darrera qualificació mitjançant el botó d'opció.		Exemple: selecció d'assignatures per a la formació:
-Matemàtiques
-Física
-Química
-Fonaments bàsics de la informàtica
-Enginyeria elèctrica bàsica
Es pot seleccionar una o més o totes les opcions mitjançant la casella de selecció.

Conclusió

Hem entès el funcionament o el maneig dels botons de ràdio que utilitzen Selenium en detall. També hem vist diferents mètodes per seleccionar elements de ràdio mitjançant Selenium.

A través d’aquest tutorial, hem entès els estats dels botons de ràdio i els diversos exemples en què s’utilitzen els botons de ràdio. Una cosa és segura que, en el cas que només una opció satisfaci la resposta (o bé) entre diverses opcions, en aquests casos, es recomana utilitzar els botons de ràdio.

Esperem que us hagi agradat aquest tutorial informatiu sobre Manipulació de botons de ràdio en seleni.

=> Llegiu la guia completa de seleni

Lectura recomanada

^