Menu

Comment sélectionner les boutons radio dans Selenium WebDriver?

  • Principal
  • Autre
  • Comment sélectionner les boutons radio dans Selenium WebDriver?

how select radio buttons selenium webdriver

Ce didacticiel explique comment sélectionner des boutons radio dans Selenium, y compris l'implémentation du code et diverses méthodes de sélection des boutons radio sur une page Web:

Un bouton radio n'est rien d'autre qu'un élément graphique qui contrôle la sélection des options, permettant ainsi à l'utilisateur de sélectionner une option parmi un ensemble d'options. Il est également connu sous le nom de bouton d'options.

Les boutons radio sont appelés en raison de la fonctionnalité qu'ils ont comme des canaux de radio, c'est-à-dire qu'un seul bouton peut être sélectionné à la fois.

Selenium est l'un des outils de test d'automatisation les plus populaires qui gère le fonctionnement de presque toutes les opérations et le bouton Radio en fait partie. Explorons l'utilisation d'un outil d'automatisation pour comprendre le fonctionnement d'un bouton radio.

=> Consultez TOUS les tutoriels Selenium ici

Manipulation des boutons radio dans Selenium

Dans ce tutoriel, nous verrons comment gérer les boutons radio à l'aide de Selenium.

Ce que vous apprendrez:

Boutons radio en HTML

Commençons par comprendre l’utilisation d’un bouton radio dans une page HTML. En HTML, le bouton Radio est utilisé pour sélectionner une option parmi une liste d'options fournies.

Consultez l'exemple ci-dessous pour comprendre comment les boutons radio sont créés en HTML.

Confirmation

Select a Radio button for confirmation

Yes
No
May Be

Où,

  • taper : Balise d'entrée ayant taper attribut. Ce serait principalement «Radio» pour les boutons radio.
  • Nom : C'est le Nom de l'élément Input. On dit qu'un ensemble de boutons radio du même nom forme un groupe radio.
  • évaluer : C'est le réel évaluer correspondant à son bouton radio.

Vous trouverez ci-dessous quelques points supplémentaires en plus de ce qui précède:

  1. La page HTML est nommée «Confirmation».
  2. Il porte le titre «Sélectionnez un bouton radio pour confirmation».
  3. Trois boutons radio sont fournis: Oui, Non, Peut-être.

L'image ci-dessous donne une idée claire de la page HTML créée.

Sélectionnez le bouton radio

Implémentation de code pour gérer les boutons radio dans Selenium

La sélection d'un bouton radio dans lequel nous n'avons pu choisir qu'une seule option à la fois permet à l'utilisateur de sélectionner l'une des options parmi la liste des options fournies. L'implémentation ci-dessous donnerait une idée claire de la gestion des boutons radio à l'aide de Selenium WebDriver.

Ci-dessous, une capture d'écran de la page Html qui comprend la section Bouton radio. La page Html ci-dessous qui a un ensemble de boutons radio pour la sélection de la couleur et de la taille est créée et utilisée pour les tests.

boutons radio pour la sélection de la couleur et de la taille

Code d'implémentation pour la sélection du bouton 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(); } }

La sortie reçue après l'exécution de ce code est comme indiqué dans la capture d'écran ci-dessous:

Sortie - Bouton radio pour la couleur

Méthodes de sélection des éléments radio à l'aide du sélénium

Selenium comprend différentes façons dont nous pouvons sélectionner les éléments Radio sur une page Web.

Les différentes méthodes sont les suivantes:

  1. Par attributs d'ID
  2. Utiliser Est sélectionné ()
  3. Utilisation du nom
  4. Utilisation de la valeur d'élément
  5. Par CSS Selector
  6. Avec XPath

Considérez l'image ci-dessous pour comprendre les exemples de chacune des méthodes de sélection:

méthodes de sélection

# 1) Utilisation des attributs d'identification

Dans ce cas, il suffit d'utiliser le Attribut ID , quelle que soit sa valeur. L'attribut ID est utilisé dans Selenium pour sélectionner le bouton radio souhaité. Les attributs d'ID sont différents pour différents éléments.

Par exemple:

meilleur programme pour surveiller la température du processeur et du GPU
WebElement radio = driver.findElement(By.id('i-red')); radio.click();

OU

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

OU

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

Comme le montre l'image ci-dessus, il y a six boutons radio, c'est-à-dire rouge, bleu, vert, jaune, gris et noir. Pour sélectionner un bouton radio parmi ceux-ci, nous pouvons utiliser les attributs d'identification dans Selenium pour la sélection du bouton radio de cette manière.

L'image ci-dessous met en évidence les attributs id pour les options ci-dessus.

Image mettant en évidence les attributs d

# 2) Utiliser est sélectionné ()

L'utilisation de Est sélectionné () permet à l'utilisateur de s'assurer qu'un bouton radio particulier est mode vérifié ou non . En termes simples, la sélection du bouton Radio est confirmée.

Par 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) Utilisation du nom

Pour sélectionner les boutons radio à l'aide du nom, nous devons comprendre un point important, à savoir pour les boutons radio dans le même groupe (groupe radio), Nom est toujours le même mais leur Valeurs sont différents.

Donc, si un élément avec l'attribut name est trouvé, il peut contenir plus d'un élément, nous devons donc stocker le liste de WebElements et utilisez le findElements méthode.

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

Cela a également été utilisé dans l'exemple précédent pour Is Selected ().

# 4) Utilisation de la valeur d'élément

Les boutons radio peuvent également être sélectionnés à l'aide de leurs valeurs.

Chaque bouton a un valeur unique . L'utilisation des valeurs pour sélectionner les boutons radio peut être comme indiqué dans l'exemple ci-dessous.

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) Par sélecteur CSS

Une autre façon de sélectionner les éléments radio est de Sélecteur CSS utilisant sa valeur .

L'exemple ci-dessous explique la même chose:

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

# 6) Utilisation de XPATH

Sélection d'un élément Radio à l'aide XPATH est l'un des moyens de sélection des éléments radio dans Selenium qui permet de sélectionner l'élément exact que vous souhaitez sélectionner.

Regardez l'exemple ci-dessous pour sélectionner le bouton radio à l'aide de XPATH.

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

OU

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

OU

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

Exemples / Applications où les boutons radio sont utilisés

Il existe un grand nombre d'utilisations des boutons radio et quelques-unes d'entre elles sont mentionnées ci-dessous.

# 1) Sélection du sexe:

Bouton radio Genre

# 2) Sélection du champ:

bouton radio de champ

# 3) Choisissez un compte de messagerie:

Bouton radio du compte de messagerie

[image la source ]

# 4) Formulaires d'enquête client:

Formulaires d

# 5) État de disponibilité dans une application:

Statut de disponibilité Bouton radio

Il existe de nombreux autres exemples similaires que nous rencontrons dans notre travail quotidien. Tous ces exemples ont une chose en commun: vous devez choisir une seule option à la fois. Ainsi, les boutons radio donnent une idée claire de ce que le client choisit exactement.

Quelques autres exemples:

  1. Sélection de couleur: Rouge / bleu / vert / jaune.
  2. Sélection du domaine / cours: Arts / Commerce / Science.
  3. Type d'adresse: Permanent temporaire.
  4. Niveau d'éducation: École / Collège / Travail.
  5. Moyen de paiement: NetBanking / GooglePay / AmazonPay.
  6. Choisissez une langue lors de l'installation de l'application: Anglais / Russe / Français / Allemand /….
  7. Type de protection par mot de passe: Texte mot de passe / code postal / motif / empreinte digitale.
  8. Mode de transport: Voiture / vélo / transports publics.
  9. Type d'assurance: Supplément médical / dentaire / vision / médical.
  10. Sélectionnez la note de l'élève sur le bulletin: Grade A / Grade B / Grade C / Grade D.

États des boutons radio

Nous avons déjà vu les utilisations des boutons radio. Voyons maintenant ses différents états ainsi que leur signification.

états du bouton radio

  1. Normal : Cet état n'est rien d'autre que l'option par défaut ou l'état par défaut.
  2. Flotter : L'effet de survol tel qu'il est visible, indique aux utilisateurs qu'il s'agit d'une cible cliquable. En outre, il prépare l'utilisateur à cliquer sur l'option, après avoir vu l'effet de survol.
  3. Vérifié : Cet état montre spécifiquement l'option radio qui est sélectionnée. L'option sélectionnée est colorée et peut être facilement identifiée comme une option sélectionnée parmi les autres options.
  4. Désactivée : Une fois qu'une option est sélectionnée par l'utilisateur, les options restantes peuvent disparaître automatiquement et l'utilisateur n'a pas le choix de sélectionner une option parmi les autres. Ceux-ci sont connus pour être dans des états désactivés, car ce n'est qu'une option qui peut être sélectionnée à la fois.
  5. Désactivé et vérifié : En sélectionnant une option particulière, si le bouton Radio est désactivé, c'est pour confirmer la sélection. C'est-à-dire que vous choisissez une option et elle est gelée comme confirmé. On peut facilement identifier cette option comme étant obligatoirement sélectionnée.

En quoi les boutons radio sont-ils différents de la case à cocher?

Bouton radioCase à cocher
Autorise une seule sélection d'option à la fois.Permet la sélection de plusieurs options en même temps.
Il a 2 conditions principales: Vrai ou Faux.Il peut être coché, non coché et / ou indéterminé.
Habituellement représenté par un bouton circulaire.Habituellement représenté avec une boîte carrée.
Exemple - Sélection d'une qualification récente:
-Diplômé
-Post- Diplômé
Une seule sélection est possible, soit Diplômé ou Post-Diplômé pour spécifier la dernière qualification à l'aide du bouton radio.		Exemple - Sélection des sujets pour la formation:
-Mathématiques
-La physique
-Chimie
-Fondamentaux de l'informatique
-Ingénierie électrique de base
Une ou plusieurs ou toutes les options peuvent être sélectionnées en utilisant la case à cocher.

Conclusion

Nous avons compris en détail le fonctionnement ou la manipulation des boutons radio utilisant Selenium. Nous avons également vu différentes méthodes pour sélectionner des éléments radio à l'aide du sélénium.

À travers ce tutoriel, nous avons compris les états des boutons radio et les différents exemples d'utilisation des boutons radio. Une chose est sûre que, dans le cas où une seule option satisfait la réponse (soit / ou) fournie parmi différentes options, dans ces cas, il est recommandé d'utiliser les boutons radio.

Nous espérons que vous avez apprécié ce tutoriel informatif sur la gestion des boutons radio dans Selenium!

=> Lisez le guide complet du sélénium

lecture recommandée

^