how select check box selenium with examples
Ce didacticiel explique différentes méthodes pour sélectionner la case à cocher dans Selenium avec des exemples. Vous apprendrez également à sélectionner plusieurs cases à cocher et case à cocher en HTML:
Nous avons vu comment les boutons radio sont gérés dans Selenium dans l'un de nos précédents tutoriels. Passons maintenant au fonctionnement de la case à cocher dans Selenium.
La case à cocher est un élément Web qui est utilisé pour la sélection d'une ou plusieurs options, suite à la réponse à la question fournie.
La case à cocher peut être activée ou désactivée (cochée ou décochée). Une case à cocher cochée est celle qui apparaît comme une coche. La case non cochée est celle qui n'est pas cochée.
=> Regardez la série de formation Simple Selenium ici.
L'image ci-dessous montre clairement les cases à cocher, où les 2 premiers peuvent être vus cochés tandis que le dernier n'est pas coché.
La case à cocher est également appelée boîte de sélection ou case à cocher. La petite case à l'intérieur de laquelle une coche apparaît en cliquant sur la case à cocher et lorsque vous cliquez à nouveau, la coche disparaît et la case est décochée.
Dans ce tutoriel, nous explorerons la gestion de Checkbox dans Selenium.
Ce que vous apprendrez:
- Cochez une case à l'aide du clavier
- Case à cocher en HTML
- Mise en œuvre du code pour la gestion de la case à cocher dans Selenium
- Sélectionnez plusieurs cases à cocher dans Selenium
- Méthodes pour sélectionner la case à cocher dans Selenium
- Exemples / Applications où la case à cocher est couramment utilisée
- États de la case à cocher
- Conclusion
- lecture recommandée
Cochez une case à l'aide du clavier
Ouvrez le site Web sur lequel vous travaillez ou qui comporte une case à cocher que vous souhaitez sélectionner.
appuyez sur la Languette jusqu'à ce que la case à cocher que vous souhaitez sélectionner soit mise en surbrillance. Une fois que la case à cocher souhaitée est mise en surbrillance, c'est-à-dire que le curseur atteint la case à cocher, utilisez le Barre d'espace pour cocher ou décocher la case.
Accédez à n'importe quel site Web qui a une case à cocher pour le sélectionner et l'essayer.
Case à cocher en HTML
Voyons d'abord l'utilisation des cases à cocher dans la page HTML. En HTML, Checkbox permet de sélectionner une ou plusieurs options parmi une liste d'options fournies.
Consultez l'exemple ci-dessous pour comprendre les cases à cocher créées en HTML.
Check Boxes html page
Où,
- taper : Balise d'entrée ayant taper attribut. Ce serait une «case à cocher» pour les cases à cocher.
- Nom : C'est le Nom de l'élément Input.
- évaluer : C'est le réel évaluer correspondant à sa case à cocher.
En plus de ce qui précède, quelques points supplémentaires sont donnés ci-dessous:
- La page HTML est nommée «page html de cases à cocher».
- Il a pour titre «Choisissez les matières incluses dans votre programme».
- Cinq cases à cocher sont fournies: Fondamentaux de l'informatique, Électrique, Physique, Chimie, Aucun.
L'image ci-dessous donne une idée claire de la page HTML créée.
Mise en œuvre du code pour la gestion de la case à cocher dans Selenium
Examinons la gestion de la case à cocher avec Selenium. Avec ce code, nous comprendrons, comment les opérations de Checkbox sont effectuées par l'utilisation de Selenium.
Pour implémenter le code dans Selenium pour Checkbox, nous avons utilisé ceci lien , et la capture d'écran pour le même est que ci-dessous:
Code d'implémentation pour la gestion de CheckBox à l'aide de 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..'); } }
Ainsi, lors de la mise en œuvre du code ci-dessus, la sortie reçue est comme indiqué dans l'image ci-dessous.
Tout d'abord, une seule case à cocher est cochée, après quoi un message est reçu comme «Case à cocher cliquée». Ensuite, pour plusieurs cases à cocher, nous avons la possibilité de cocher une, deux, trois ou toutes les cases à cocher en même temps. En choisissant «Tout cocher», toutes les cases à cocher sont cochées en même temps.
Sélectionnez plusieurs cases à cocher dans Selenium
Lorsqu'il y a plusieurs options et plusieurs cases à cocher fournies pour la même chose, nous pouvons le coder de manière à ce que lors de l'exécution du code toutes les cases soient cochées. Alors, regardons le code pour gérer plusieurs cases à cocher.
Nous avons créé une page HTML, pour implémenter le code pour gérer plusieurs cases à cocher, et ci-dessous est la capture d'écran de la même chose.
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'); } }
Ainsi, nous pouvons gérer plusieurs cases à cocher. Ce n'était qu'un exemple et vous pouvez l'essayer avec n'importe quel autre site Web où plusieurs cases à cocher sont présentes avec plusieurs options.
Ci-dessous, la capture d'écran de l'implémentation ci-dessus de plusieurs cases à cocher dans Selenium.
Ainsi, plusieurs cases à cocher peuvent être gérées à l'aide de Selenium.
Méthodes pour sélectionner la case à cocher dans Selenium
Il existe différentes manières dans Selenium à l'aide desquelles nous pouvons sélectionner les éléments Checkbox sur une page Web.
Les différentes méthodes sont les suivantes:
- Par attributs d'ID
- Utiliser Est sélectionné ()
- Utilisation du nom
- Utilisation de la valeur d'élément
- Par CSS Selector
- Avec XPath
Les cases à cocher et les boutons radio sont traités de la même manière et nous pouvons utiliser toutes les méthodes de sélection ci-dessus pour les deux.
Considérez l'image ci-dessous pour comprendre les exemples de chacune des 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 la case à cocher souhaitée. Les attributs ID sont différents pour différents éléments.
Par exemple:
WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();
Ainsi, nous pouvons utiliser les attributs ID dans Selenium pour la sélection des cases à cocher.
L'image ci-dessous met en évidence les attributs id pour l'option ci-dessus.
# 2) Utiliser est sélectionné ()
L'utilisation de Is Selected () permet aux utilisateurs de s'assurer qu'une case à cocher particulière est mode vérifié ou non . En termes simples, la sélection de la case à cocher est confirmée.
Questions d'entretien technique c ++
Par exemple:
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) Utilisation du nom de classe
Pour sélectionner des cases à cocher en utilisant le nom ou le nom de la classe, nous devons comprendre un point important qui est:
Pour les cases à cocher du même groupe, Nom / Nom de la classe sera 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 check = driver.findElements(By.classN ame ('cb1-element'));
Cela a également été utilisé dans l'exemple précédent pour IsSelected ().
# 4) Utilisation de la valeur d'élément
Les cases à cocher peuvent également être sélectionnées à l'aide de leurs valeurs.
Chaque boîte a un valeur unique . L'utilisation des valeurs pour sélectionner les cases à cocher peut être comme indiqué ci-dessous.
// 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) Par sélecteur CSS
Une autre façon de sélectionner les éléments de la case à cocher consiste à Sélecteur CSS utilisant sa valeur .
Exemple:
WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();
# 6) Utilisation de XPATH
Sélection d'un élément Checkbox à l'aide de XPATH est l'un des moyens de sélectionner l'élément Checkbox dans Selenium qui aide à sélectionner l'élément exact que vous souhaitez sélectionner.
Regardez l'exemple ci-dessous pour sélectionner Checkbox à l'aide de XPATH.
WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click();
Exemples / Applications où la case à cocher est couramment utilisée
# 1) Sports préférés
La liste de contrôle dans l'image ci-dessous contient différentes activités sportives. Nous pouvons en sélectionner une ou plusieurs options. Les cases cochées peuvent être vues comme surlignées.

# 2) Utilisation de la case à cocher pour confirmer un accord
La case à cocher est fournie pour confirmation. Une fois que l’utilisateur a coché cette case, le système considère l’acceptation du contrat par l’utilisateur et continue.


# 3) Sélection de la langue
Pour sélectionner une langue, une case à cocher peut être utilisée. Il permet aux utilisateurs de sélectionner une ou plusieurs options.

(image la source )
# 4) Ajustement des paramètres à l'aide de la case à cocher
L'image ci-dessous montre la sélection de Case à cocher pour différentes préférences. Selon le choix de l'utilisateur, les options peuvent être sélectionnées.

(image la source )
# 5) Sélection des programmes de fitness de votre choix
Différentes options de programme de remise en forme sont proposées et l'utilisateur doit choisir celles de son choix.

(image la source )
# 6) Choisissez les couleurs
Des cases à cocher sont également fournies pour la sélection des couleurs.

Il existe de nombreux exemples de ce type où des cases à cocher sont utilisées.
Pour en mentionner quelques autres:
- Choisissez des sujets: Mathématiques, anglais, physique, chimie, tous.
- Sélectionnez l'heure de la pause: 9 h 00, 12 h 00, 15 h 00, 18 h 00, aucun.
- Véhicules que vous possédez: Vélo, voiture, les deux, aucun.
- Compétences de test: Manuel, automatisation, les deux, aucun.
- Métaux utilisés: Or, argent, platine, mixte.
- Pays où les produits sont disponibles: Belgique, Colombie, France, Allemagne.
- Sélectionnez vos loisirs: Peinture, oeuvre d'art, chant, danse, jardinage.
- Liste des légumes: Capsicum, chou-fleur, chou, pommes de terre, tomates.
- Liste de contrôle des fruits: Ananas, pomme, pastèque, oranges, mangues.
- Téléphones cellulaires utilisés dans une maison: I Phone, One Plus, Nokia, Samsung, Blackberry, Autre.
États de la case à cocher
Il existe 3 états principaux des cases à cocher:

# 1) vérifié : L'état dans lequel la case à cocher est sélectionnée est le état vérifié . Ici, nous pouvons voir la case cochée.
# 2) Non coché : Case non cochée ou lorsque la case sélectionnée est à nouveau cliquée, la case se place dans un état non vérifié .
# 3) Intermédiaire : Lorsqu'une case n'est ni cochée, ni non cochée, on sait qu'elle est un état intermédiaire. Dans cet état, l'utilisateur a la possibilité de choisir s'il souhaite cliquer ou non sur la case.
L'image ci-dessus vous aidera à comprendre ces états.

L'image ci-dessus est un autre exemple qui explique les différents états des cases à cocher.
- État vérifié: Activer la fonction XYZ
- État non vérifié: Activer la fonction ABC, Activer la fonction WWW
- État intermédiaire: Tout activer.
Ainsi, les états coché, non coché et intermédiaire de la case à cocher sont comme expliqué ci-dessus.
Conclusion
Nous avons vu en détail la manipulation de Checkbox avec Selenium. Ainsi, les cases à cocher permettent aux utilisateurs de sélectionner plus d'une option. Nous avons vu de nombreuses utilisations de Checkbox qui permettent aux utilisateurs de sélectionner plusieurs options en même temps.
Nous avons exploré les méthodes de sélection des éléments Checkbox et compris la gestion de plusieurs Checkboxes à l'aide de Selenium.
Bonne lecture!!
=> Visitez ici pour apprendre le sélénium à partir de zéro.
lecture recommandée
- 30+ meilleurs tutoriels sur Selenium: Apprenez le sélénium avec de vrais exemples
- Comment gérer les alertes / fenêtres contextuelles dans Selenium WebDriver - Tutoriel Selenium # 16
- Comment gérer la barre de défilement dans Selenium Webdriver
- Comment sélectionner les boutons radio dans Selenium WebDriver?
- Tutoriel de recherche d'élément par texte de sélénium avec des exemples
- Comment gérer Windows Pop Up dans Selenium à l'aide d'AutoIT
- Utilisation de la classe Selenium Select pour la gestion des éléments déroulants sur une page Web - Tutoriel Selenium # 13
- Exemples d'assertion de sélénium - Applications pratiques dans les projets