how select radio buttons selenium webdriver
Apps zum Ausspionieren auf einem anderen Telefon
In diesem Tutorial wird erläutert, wie Sie Optionsfelder in Selen auswählen, einschließlich Code-Implementierung und verschiedener Methoden zum Auswählen von Optionsfeldern auf einer Webseite:
Ein Optionsfeld ist nichts anderes als ein grafisches Element, das die Auswahl von Optionen steuert und es dem Benutzer ermöglicht, eine beliebige Option aus einer Reihe von Optionen auszuwählen. Es wird auch als Optionsschaltfläche bezeichnet.
Optionsfelder werden aufgrund der Funktionalität, die sie wie Radiokanäle haben, so genannt, d. H. Es kann jeweils nur eine Schaltfläche ausgewählt werden.
Selen ist eines der beliebtesten Tools für Automatisierungstests, mit denen nahezu alle Vorgänge ausgeführt werden können, und das Optionsfeld ist eines davon. Lassen Sie uns die Verwendung eines Automatisierungstools untersuchen, um die Funktionsweise eines Optionsfelds zu verstehen.
=> Überprüfen Sie ALLE Selen-Tutorials hier
In diesem Tutorial erfahren Sie, wie Sie mit Optionsfeldern mit Selen umgehen.
Was du lernen wirst:
- Optionsfelder in HTML
- Fazit
Optionsfelder in HTML
Lassen Sie uns zunächst die Verwendung eines Optionsfelds in der HTML-Seite verstehen. In HTML wird das Optionsfeld verwendet, um eine Option aus einer Liste der bereitgestellten Optionen auszuwählen.
Überprüfen Sie das folgende Beispiel, um zu verstehen, wie Optionsfelder in HTML erstellt werden.
Confirmation Select a Radio button for confirmation
Yes
No
May Be
Wo,
- Art : Eingabe-Tag mit Art Attribut. Es wäre meistens 'Radio' für Optionsfelder.
- Name : Es ist der Name des Eingabeelements. Eine Reihe von Optionsfeldern mit demselben Namen soll eine Radiogruppe bilden.
- Wert : Es ist das tatsächliche Wert entsprechend seinem Optionsfeld.
Nachfolgend sind einige weitere Punkte zusätzlich zu den oben genannten aufgeführt:
- Die HTML-Seite wird als 'Bestätigung' bezeichnet.
- Es hat den Titel 'Wählen Sie ein Optionsfeld zur Bestätigung'.
- Es stehen drei Optionsfelder zur Verfügung: Ja, Nein, möglicherweise.
Das folgende Bild gibt eine klare Vorstellung von der erstellten HTML-Seite.
Code-Implementierung zur Handhabung von Optionsfeldern in Selen
Durch Auswahl eines Optionsfelds, in dem jeweils nur eine Option ausgewählt werden muss, kann der Benutzer eine der Optionen aus der Liste der bereitgestellten Optionen auswählen. Die folgende Implementierung würde eine klare Vorstellung von der Handhabung von Optionsfeldern mit Selenium WebDriver geben.
Im Folgenden finden Sie einen Screenshot der HTML-Seite mit dem Optionsfeld. Die folgende HTML-Seite mit Optionsfeldern zur Auswahl von Farbe und Größe wird erstellt und zum Testen verwendet.
Implementierungscode für die Auswahl der Optionsfelder:
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(); } }
Die nach Ausführung dieses Codes empfangene Ausgabe ist wie im folgenden Screenshot dargestellt:
Methoden zur Auswahl von Radioelementen mit Selen
Selen enthält verschiedene Möglichkeiten, wie wir die Radio-Elemente auf einer Webseite auswählen können.
Die verschiedenen Methoden sind wie folgt:
- Nach ID-Attributen
- Verwenden ist ausgewählt ()
- Name verwenden
- Elementwert verwenden
- Mit dem CSS-Selektor
- Mit XPath
Betrachten Sie das folgende Bild, um die Beispiele für jede der Auswahlmethoden zu verstehen:
# 1) Verwenden von ID-Attributen
In diesem Fall müssen wir nur die verwenden ID-Attribut , unabhängig von ihrem Wert. Das ID-Attribut wird in Selen zur Auswahl des gewünschten Optionsfelds verwendet. ID-Attribute sind für verschiedene Elemente unterschiedlich.
Zum Beispiel:
WebElement radio = driver.findElement(By.id('i-red')); radio.click();
ODER
WebElement radio1 = driver.findElement(By.id('i-green')); radio1.click();
ODER
WebElement radio2 = driver.findElement (By.id('i-yellow')); radio2.click();
Wie im obigen Bild gezeigt, gibt es sechs Optionsfelder, d. H. Rot, Blau, Grün, Gelb, Grau und Schwarz. Für die Auswahl eines Optionsfelds aus diesen können wir auf diese Weise ID-Attribute in Selen für die Auswahl des Optionsfelds verwenden.
Das folgende Bild hebt die ID-Attribute für die oben genannten Optionen hervor.
# 2) Verwenden ist ausgewählt ()
Mit Is Selected () kann der Benutzer sicherstellen, dass ein bestimmtes Optionsfeld aktiviert ist aktivierter Modus oder nicht . Mit einfachen Worten wird die Auswahl des Optionsfelds bestätigt.
Zum Beispiel:
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) Verwenden des Namens
Für die Auswahl von Optionsfeldern mit Name müssen wir einen wichtigen Punkt verstehen, d. H. Für Optionsfelder in derselben Gruppe (Radiogruppe): Name ist immer das gleiche aber ihre Werte sind anders.
Wenn also ein Element mit dem Attribut name gefunden wird, enthält es möglicherweise mehr als ein Element. Daher müssen wir das Element speichern Liste von WebElements und nutzen Sie die findElements Methode.
List radio = driver.findElements(By. name ('colour'));
Dies wurde im vorherigen Beispiel auch für Is Selected () verwendet.
# 4) Verwenden des Elementwerts
Optionsfelder können auch mit Hilfe ihrer Werte ausgewählt werden.
Jede Taste hat eine Einzigartiger Wert . Die Verwendung der Werte zur Auswahl der Optionsfelder kann wie im folgenden Beispiel gezeigt sein.
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) Mit CSS Selector
Eine andere Möglichkeit zur Auswahl von Radio-Elementen ist CSS Selector verwendet seinen Wert .
Das folgende Beispiel erklärt dasselbe:
WebElement rbutton = driver.findElement(By.cssSelector('input(value=' Yellow')')); rbutton.click();
# 6) Verwenden von XPATH
Auswählen eines Radio-Elements mit XPATH ist eine der Möglichkeiten zur Auswahl von Radioelementen in Selen, mit deren Hilfe Sie genau das Element auswählen können, das Sie auswählen möchten.
Sehen Sie sich das folgende Beispiel an, um das Optionsfeld mit XPATH auszuwählen.
WebElement radio_b1 = d.findElement(By. xpath ('//input(@id='i-red')')); radio_b1.click();’
ODER
WebElement radio_b2 = d.findElement(By. xpath ('//input(@id='i-green’)')); radio_b2.click();
ODER
WebElement radio_b3 = d.findElement(By. xpath ('//input(@id=’i-gray’)')); radio_b3.click();
Beispiele / Anwendungen, bei denen Optionsfelder verwendet werden
Es gibt eine Vielzahl von Verwendungsmöglichkeiten von Optionsfeldern, von denen einige nachstehend aufgeführt sind.
# 1) Geschlechtsauswahl:
# 2) Feldauswahl:
# 3) Wählen Sie ein E-Mail-Konto:
(Bild Quelle ))
# 4) Kundenumfrageformulare:
# 5) Verfügbarkeitsstatus in einer Anwendung:
Es gibt viele weitere Beispiele, auf die wir in unserer täglichen Arbeit stoßen. Alle diese Beispiele haben eines gemeinsam, d. H. Sie müssen jeweils eine einzelne Option auswählen. Optionsfelder geben somit eine klare Vorstellung davon, was genau der Kunde wählt.
Einige andere Beispiele:
- Farbauswahl: Rot / Blau / Grün / Gelb.
- Feld- / Kursauswahl: Kunst / Handel / Wissenschaft.
- Art der Adresse: Permanent / Temporär.
- Bildungsniveau: Schule / Hochschule / Arbeiten.
- Zahlungsweise: NetBanking / GooglePay / AmazonPay.
- Wählen Sie während der App-Installation eine Sprache: Englisch / Russisch / Französisch / Deutsch /….
- Art des Passwortschutzes: Text Passwort / Postleitzahl / Muster / Fingerabdruck.
- Transportart: Auto / Fahrrad / Öffentliche Verkehrsmittel.
- Versicherungsart: Medizin / Zahnmedizin / Vision / Medizinische Ergänzung.
- Wählen Sie die Note des Schülers auf dem Zeugnis aus: Note A / Note B / Note C / Note D.
Zustände von Optionsfeldern
Wir haben bereits die Verwendung von Optionsfeldern gesehen. Betrachten wir nun die verschiedenen Zustände und ihre Bedeutung.
- Normal : Dieser Status ist nichts anderes als die Standardoption oder der Standardstatus.
- Schweben : Der sichtbare Hover-Effekt teilt den Benutzern mit, dass es sich um ein anklickbares Ziel handelt. Außerdem wird der Benutzer darauf vorbereitet, auf die Option zu klicken, nachdem der Hover-Effekt angezeigt wurde.
- Überprüft : In diesem Status wird speziell die ausgewählte Radiooption angezeigt. Die ausgewählte Option ist farbig gefüllt und kann unter den anderen Optionen leicht als ausgewählte Option identifiziert werden.
- Behindert : Sobald der Benutzer eine Option ausgewählt hat, werden die verbleibenden Optionen möglicherweise automatisch ausgeblendet, und der Benutzer hat keine andere Wahl, als eine der verbleibenden Optionen auszuwählen. Es ist bekannt, dass sich diese in einem deaktivierten Zustand befinden, da jeweils nur eine Option ausgewählt werden kann.
- Deaktiviert und überprüft : Wenn bei Auswahl einer bestimmten Option das Optionsfeld deaktiviert ist, wird die Auswahl bestätigt. Das heißt, Sie wählen eine Option und sie wird wie bestätigt eingefroren. Man kann diese Option leicht als zwangsweise ausgewählt identifizieren.
Wie unterscheiden sich Optionsfelder vom Kontrollkästchen?
Radio knopf Kontrollkästchen Ermöglicht jeweils nur eine Optionsauswahl. Ermöglicht die gleichzeitige Auswahl mehrerer Optionen. Es gibt zwei Hauptbedingungen: Richtig oder falsch. Es kann aktiviert, deaktiviert und / oder unbestimmt sein. Wird normalerweise als kreisförmiger Knopf dargestellt. Normalerweise mit einem quadratischen Kästchen dargestellt. Beispiel - Auswahl der letzten Qualifikation:
-Absolvent
-Post- Absolvent
Es ist nur eine Auswahl möglich, entweder für Absolventen oder für Postgraduierte, um die neueste Qualifikation über das Optionsfeld anzugeben. Beispiel - Themen für das Training auswählen:
-Mathematik
-Physik
-Chemie
-Computer-Grundlagen
-Grundlegende Elektrotechnik
Eine oder mehrere oder alle Optionen können mithilfe des Kontrollkästchens ausgewählt werden.
Fazit
Wir haben die Funktionsweise oder Handhabung von Optionsfeldern mit Selen im Detail verstanden. Wir haben auch verschiedene Methoden zur Auswahl von Radioelementen unter Verwendung von Selen gesehen.
In diesem Tutorial haben wir den Status von Optionsfeldern und die verschiedenen Beispiele für die Verwendung von Optionsfeldern verstanden. Eines ist sicher, dass in dem Fall, in dem nur eine Option die Antwort (entweder / oder) aus verschiedenen Optionen erfüllt, die Verwendung von Optionsfeldern empfohlen wird.
Wir hoffen, Ihnen hat dieses informative Tutorial zum Umgang mit Radioknöpfen in Selen gefallen!
=> Lesen Sie den vollständigen Selen-Leitfaden durch
Literatur-Empfehlungen
- Umgang mit Warnungen / Popups in Selenium WebDriver - Selenium Tutorial # 16
- So aktivieren Sie das Kontrollkästchen in Selen mit Beispielen
- So führen Sie Selenium WebDriver in verschiedenen gängigen Browsern aus
- Umgang mit Windows Popup in Selen mit AutoIT
- Umgang mit der Bildlaufleiste in Selenium Webdriver
- Zugänglichkeitstests mit Selenium Webdriver mit Codebeispiel
- Datengesteuertes Framework in Selenium WebDriver mit Apache POI
- Implizites und explizites Warten in Selenium WebDriver (Arten von Selen-Wartezeiten)