Meny

Hvordan velge radioknapper i Selen WebDriver?

  • Hoved
  • Annen
  • Hvordan velge radioknapper i Selen WebDriver?

how select radio buttons selenium webdriver

hvordan man skal takle vanskelige situasjoner

Prøv Instrumentet Vårt For Å Eliminere Problemer

Denne opplæringen forklarer hvordan du velger radioknapper i selen, inkludert kodeimplementering og forskjellige metoder for valg av radioknapper på en webside:

En radioknapp er ikke annet enn et grafisk element som styrer valg av alternativer, og lar brukeren velge et alternativ fra et sett med alternativer. Det er også kjent som alternativknappen.

Radioknapper er såkalte på grunn av funksjonaliteten de har som radiokanaler, dvs. bare en knapp kan velges om gangen.

Selen er et av de mest populære verktøyene for automatiseringstesting som håndterer arbeid i nesten alle operasjoner, og radioknappen er en av dem. La oss utforske bruken av et automatiseringsverktøy for å forstå funksjonen til en radioknapp.

=> Sjekk ALLE Selen-opplæringsprogrammer her

Håndtering av radioknapper i selen

I denne opplæringen vil vi se hvordan du håndterer radioknapper ved hjelp av Selen.

Hva du vil lære:

Radioknapper i HTML

La oss først forstå bruken av en radioknapp på HTML-siden. I HTML brukes alternativknappen til å velge ett alternativ blant en liste over de angitte alternativene.

Sjekk eksemplet nedenfor for å forstå hvordan Radioknapper opprettes i HTML.

Confirmation

Select a Radio button for confirmation

Yes
No
May Be

Hvor,

  • type : Inngangskode har type Egenskap. Det ville for det meste være ‘Radio’ for radioknapper.
  • Navn : Det er den Navn av inngangselementet. Et sett med radioknapper med samme navn sies å danne en radiogruppe.
  • verdi : Det er det faktiske verdi tilsvarende radioknappen.

Nedenfor er noen flere poeng i tillegg til det ovennevnte:

  1. HTML-siden heter 'Bekreftelse'.
  2. Den har tittelen “Velg en radioknapp for bekreftelse”.
  3. Tre radioknapper er gitt: Ja, Nei, kan være.

Bildet nedenfor gir en klar ide om den opprettede HTML-siden.

Velg alternativknapp

Kodeimplementering for å håndtere radioknapper i selen

Valg av en radioknapp der vi bare må velge ett alternativ om gangen, gjør det mulig for brukeren å velge et av alternativene i listen over de angitte alternativene. Nedenfor implementering vil gi en klar ide om håndtering av radioknapper ved bruk av Selenium WebDriver.

Nedenfor er et skjermbilde av HTML-siden som inkluderer delen for radioknapper. Html-siden nedenfor som har et sett med radioknapper for valg av farge og størrelse, blir opprettet og brukt til testing.

alternativknapper for valg av farge og størrelse

Implementeringskode for valg av radioknapp:

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

Utgangen som mottas etter at denne koden er utført, er som vist på skjermbildet nedenfor:

Utgang - Radioknapp for farge

Metoder for valg av radioelementer ved bruk av selen

Selen inkluderer forskjellige måter vi kan velge radioelementene på en webside.

De forskjellige metodene er som nedenfor:

  1. Etter ID-attributter
  2. Bruk er valgt ()
  3. Bruker Navn
  4. Bruke element Verdi
  5. Av CSS Selector
  6. Med XPath

Vurder bildet nedenfor for å forstå eksemplene på hver av valgmetodene:

utvalgsmetoder

# 1) Bruke ID-attributter

I dette tilfellet trenger vi bare å bruke ID-attributt , uansett hvilken verdi den har. ID-attributtet brukes i Selen for å velge ønsket radioknapp. ID-attributter er forskjellige for forskjellige elementer.

For eksempel:

WebElement radio = driver.findElement(By.id('i-red')); radio.click();

ELLER

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

ELLER

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

Som vist på bildet ovenfor er det seks radioknapper, dvs. rød, blå, grønn, gul, grå og svart. For å velge en radioknapp blant disse kan vi benytte ID-attributter i Selen for valg av radioknapp på denne måten.

Bildet nedenfor viser id-attributtene for alternativene ovenfor.

Image highlighting id Attributter

# 2) Bruk er valgt ()

Bruk av Er valgt () gjør det mulig for brukeren å sikre seg om en bestemt radioknapp er i sjekket modus eller ikke . Med enkle ord bekreftes valget av radioknappen.

For eksempel:

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) Bruke navn

For å velge radioknapper ved hjelp av navn, må vi forstå ett viktig poeng, dvs. for radioknapper i samme gruppe (radiogruppe), Navn er alltid den samme men deres Verdier er forskjellig.

Så hvis noe element med navnattributtet blir funnet, kan det inneholde mer enn ett element, og derfor må vi lagre det liste av WebElements og benytt deg av findElements metode.

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

Dette ble brukt i forrige eksempel for Is Selected () også.

# 4) Bruke elementverdi

Radioknapper kan også velges ved hjelp av deres verdier.

Hver knapp har en unik verdi . Bruken av verdiene for å velge radioknappene kan være som vist i eksemplet nedenfor.

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) Av CSS Selector

En annen måte å velge radioelementer på er CSS Selector bruker verdien .

Eksemplet nedenfor vil forklare det samme:

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

# 6) Bruke XPATH

Velge et radioelement ved hjelp av XPATH er en av måtene for valg av radioelement i Selen som hjelper til med å velge det eksakte elementet du ønsker å velge.

Se på eksemplet nedenfor for å velge radioknappen ved hjelp av XPATH.

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

ELLER

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

ELLER

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

Eksempler / applikasjoner der radioknapper brukes

Det er mange bruksområder for radioknapper, og noen få av dem er nevnt nedenfor.

# 1) Kjønnsvalg:

Kjønn Radio-knapp

# 2) Feltvalg:

feltknapp

# 3) Velg en e-postkonto:

Alternativknapp for postkonto

(bilde kilde )

# 4) Skjemaer for kundeundersøkelser:

Kundeundersøkelsesskjemaer

# 5) Tilgjengelighetsstatus i et program:

Tilgjengelighetsstatus Radioknapp

Det er mange flere slike eksempler som vi kommer over i vårt daglige arbeid. Alle disse eksemplene har en ting til felles, det vil si at du må velge ett alternativ om gangen. Dermed gir radioknappene en klar ide om hva kunden velger.

Få andre eksempler:

  1. Fargevalg: Rød / blå / grønn / gul.
  2. Felt / kursvalg: Kunst / handel / vitenskap.
  3. Type adresse: Permanent midlertidig.
  4. Utdanningsnivå: Skole / høyskole / arbeid.
  5. Betalingsmåte: NetBanking / GooglePay / AmazonPay.
  6. Velg et språk under appinstallasjonen: Engelsk / russisk / fransk / tysk /….
  7. Type passordbeskyttelse: Tekstpassord / postnummer / mønster / fingeravtrykk.
  8. Transportmiddel: Bil / sykkel / offentlig transport.
  9. Forsikringstype: Medisinsk / tann / visjon / medisinsk supplement.
  10. Velg studentens karakter på rapportkortet: Grad A / klasse B / klasse C / grad D.

States Of Radio Buttons

Vi har allerede sett bruken av radioknapper. La oss nå se på de forskjellige tilstandene sammen med deres betydning.

tilstander av Radio Button

  1. Normal : Denne tilstanden er bare standardalternativet eller standardtilstanden.
  2. Sveve : Svevereffekten slik den er synlig, forteller brukerne at den er et klikkbart mål. Dessuten forbereder den brukeren til å klikke på alternativet, etter å ha sett sveveeffekten.
  3. Krysset av : Denne tilstanden viser spesifikt radioalternativet som er valgt. Det valgte alternativet er fargefylt og kan lett identifiseres som et valgt alternativ blant de andre alternativene.
  4. Funksjonshemmet : Når et alternativ er valgt av brukeren, kan de gjenværende alternativene automatisk falme ut, og brukeren har ikke noe valg å velge noe alternativ blant de gjenværende. Disse er kjent for å være i deaktiverte tilstander, da det bare er ett alternativ som kan velges om gangen.
  5. Deaktivert og sjekket : Hvis radioknappen er deaktivert, når du velger et bestemt alternativ, er det for å bekrefte valget. Det er at du velger et alternativ, og det er frosset som bekreftet. Man kan enkelt identifisere dette alternativet som obligatorisk valgt.

Hvordan er radioknapper forskjellige fra avkrysningsruten?

RadioknappMerk av
Tillater bare ett alternativvalg om gangen.Tillater valg av flere alternativer samtidig.
Den har to hovedforhold: Sann eller usann.Det kan være avkrysset, ukontrollert og / eller ubestemt.
Vanligvis representert som en sirkulær knapp.Vanligvis representert med en firkantet boks.
Eksempel - Velge nylig kvalifisering:
-Uteksamineres
-Post- Graduate
Bare ett valg er mulig enten Graduate eller Post- Graduate for å spesifisere siste kvalifisering ved hjelp av Radio-knappen.		Eksempel - Velge emner for trening:
-Matematikk
-Fysikk
-Kjemi
-Grunnleggende om datamaskiner
-Grunnleggende elektroteknikk
Ett eller flere eller alle alternativene kan velges ved hjelp av avkrysningsruten.

Konklusjon

Vi har forstått bruken eller håndteringen av radioknapper ved bruk av Selen i detalj. Vi har også sett forskjellige metoder for valg av radioelementer ved bruk av selen.

Gjennom denne opplæringen har vi forstått tilstandene til radioknappene og de forskjellige eksemplene der radioknapper brukes. En ting er sikkert at, i tilfeller der bare ett alternativ tilfredsstiller svaret (enten / eller) gitt mellom forskjellige alternativer, anbefales det i slike tilfeller at radioknapper brukes.

Vi håper du likte denne informative veiledningen om håndtering av radioknapper i selen!

=> Les gjennom hele Selen-guiden

Anbefalt lesing

^