Menu

Hoe het selectievakje in selenium met voorbeelden te selecteren

  • Hoofd
  • Andere
  • Hoe het selectievakje in selenium met voorbeelden te selecteren

how select check box selenium with examples

Probeer Ons Instrument Voor Het Oplossen Van Problemen

Deze tutorial legt verschillende methoden uit om het selectievakje in selenium te selecteren met voorbeelden. U leert ook om meerdere selectievakjes en selectievakjes in HTML te selecteren:

In een van onze eerdere tutorials hebben we gezien hoe radioknoppen in Selenium worden afgehandeld. Laten we nu eens kijken naar de werking van het selectievakje in Selenium.

Het selectievakje is een webelement dat wordt gebruikt voor de selectie van een of meerdere opties, als resultaat van het antwoord op de verstrekte vraag.

Het selectievakje kan aan of uit worden gezet (dat is aangevinkt of niet aangevinkt). Een aangevinkt selectievakje is het selectievakje dat wordt gezien als het aangevinkte vinkje. Niet aangevinkt is degene die niet is aangevinkt.

​ Bekijk hier de eenvoudige selenium-trainingsserie.

Omgaan met selectievakje in selenium

De onderstaande afbeelding toont duidelijk de selectievakjes, waarbij de eerste 2 aangevinkt zijn en de laatste niet aangevinkt.

Kruis aan

Het selectievakje wordt ook wel Selectiebox of Tick Box genoemd. Het kleine vakje waarin een vinkje verschijnt bij het klikken op het selectievakje en als er opnieuw op wordt geklikt, verdwijnt het vinkje en wordt het vakje niet aangevinkt.

In deze tutorial zullen we de afhandeling van Checkbox in Selenium onderzoeken.

Wat je leert:

Selecteer een selectievakje met toetsenbord

Open de website waaraan u werkt of die een selectievakje heeft dat u wilt selecteren.

druk de Tab totdat het selectievakje dat u wilt selecteren is gemarkeerd. Zodra het gewenste selectievakje is gemarkeerd, d.w.z. de cursor bereikt het selectievakje, gebruik dan de Spatiebalk om het selectievakje in of uit te schakelen.

Ga naar een website met een selectievakje om deze te selecteren en uit te proberen.

schakel een selectievakje in met het toetsenbord

Selectievakje in HTML

Laten we eerst het gebruik van selectievakjes in de HTML-pagina begrijpen. In HTML wordt Checkbox gebruikt om een ​​of meer opties te selecteren uit een lijst met aangeboden opties.

Zie het onderstaande voorbeeld om selectievakjes die in HTML zijn gemaakt te begrijpen.

​

Waar,

  • type : Input-tag met type attribuut. Het zou ‘checkbox” zijn voor selectievakjes.
  • naam : Het is de naam van het Input-element.
  • waarde : Het is de werkelijke waarde overeenkomend met het selectievakje.

Naast het bovenstaande worden hieronder nog enkele punten gegeven:

  1. De HTML-pagina wordt genoemd als 'Selectievakjes html-pagina'.
  2. Het heeft de titel 'Kies de onderwerpen die in uw syllabus zijn opgenomen'.
  3. Er zijn vijf selectievakjes: Computer Fundamentals, Electrical, Physics, Chemistry, None.

De onderstaande afbeelding geeft een duidelijk idee van de gemaakte HTML-pagina.

selectievakje in html

Implementatie van code voor het afhandelen van checkbox in selenium

Laten we eens kijken naar de afhandeling van checkbox met selenium. Met deze code zullen we begrijpen hoe de bewerkingen van Checkbox worden uitgevoerd door het gebruik van Selenium.

vragen en antwoorden voor technische ondersteuning

Voor het implementeren van code in Selenium voor Checkbox hebben we dit gebruikt koppeling , en het screenshot voor hetzelfde is als hieronder:

Enkele en meerdere Selectievakje Demo

Implementatiecode voor het afhandelen van CheckBox met Selenium:

​

Dus bij het implementeren van de bovenstaande code, is de ontvangen uitvoer zoals weergegeven in de onderstaande afbeelding.

seleniumeasy

Eerst wordt slechts één Checkbox aangevinkt, waarna een bericht wordt ontvangen als “Clicked CheckBox”. Vervolgens hebben we voor meerdere selectievakjes de optie om één, twee, drie of alle selectievakjes tegelijk aan te vinken. Als u “Alles aanvinken” kiest, worden alle selectievakjes tegelijkertijd aangevinkt.

code_console

Selecteer meerdere selectievakjes in Selenium

Als er meerdere opties en meerdere selectievakjes voor hetzelfde zijn voorzien, kunnen we deze zo coderen dat bij het uitvoeren van de code alle selectievakjes zouden zijn aangevinkt. Laten we dus eens kijken naar de code voor het omgaan met meerdere selectievakjes.

We hebben een HTML-pagina gemaakt voor het implementeren van code voor het afhandelen van meerdere selectievakjes, en hieronder is de schermafbeelding van hetzelfde.

meerdere checkbox

​

We kunnen dus meerdere selectievakjes aan. Dit was slechts een voorbeeld en u kunt het proberen met elke andere website waar meerdere selectievakjes aanwezig zijn met meerdere opties.

Hieronder is de schermafbeelding van de bovenstaande implementatie van meerdere selectievakjes in Selenium weergegeven.

meerdere aangevinkt

output2

Met behulp van Selenium kunnen dus meerdere selectievakjes worden afgehandeld.

Methoden om selectievakje in selenium te selecteren

Er zijn verschillende manieren in Selenium waarmee we de Checkbox-elementen op een webpagina kunnen selecteren.

De verschillende methoden zijn als volgt:

  1. Op ID-kenmerken
  2. Gebruik is geselecteerd ()
  3. Met behulp van naam
  4. Elementwaarde gebruiken
  5. Door CSS Selector
  6. Met XPath

Selectievakjes en keuzerondjes worden op dezelfde manier behandeld en we kunnen alle bovenstaande selectiemethoden voor beide gebruiken.

Bekijk de onderstaande afbeelding om de voorbeelden voor elk van de selectiemethoden te begrijpen.

unchecked_seleniumeasy

# 1) ID-attributen gebruiken

In dit geval hoeven we alleen de ID-kenmerk , wat de waarde ook is. ID-attribuut wordt in Selenium gebruikt om het gewenste selectievakje te selecteren. ID-attributen zijn verschillend voor verschillende elementen.

Bijvoorbeeld:

​

We kunnen dus gebruik maken van ID-attributen in Selenium voor selectie van Checkbox.

De onderstaande afbeelding benadrukt de id-attributen voor de bovenstaande optie.

Id-attributen

# 2) Gebruik is geselecteerd ()

Door Is Geselecteerd () te gebruiken, kunnen de gebruikers controleren of een bepaald selectievakje is ingeschakeld aangevinkte modus of niet ​In eenvoudige bewoordingen wordt de selectie van het selectievakje bevestigd.

Bijvoorbeeld:

​

# 3) Klassenaam gebruiken

Voor het selecteren van selectievakjes met behulp van naam of klassenaam, moeten we een belangrijk punt begrijpen, namelijk:

Voor selectievakjes in dezelfde groep, Naam / klassenaam zal altijd hetzelfde zijn, maar hun Waarden zijn verschillend. Dus als een element met het attribuut name wordt gevonden, kan het meer dan één element bevatten, dus moeten we de lijst van WebElements en maak gebruik van de findElements methode.

​

Dit werd in het vorige voorbeeld ook voor IsSelected () gebruikt.

# 4) Element Waarde gebruiken

Selectievakjes kunnen ook worden geselecteerd met behulp van hun waarden.

Elke doos heeft een unieke waarde ​Het gebruik van waarden voor het selecteren van selectievakjes kan zijn zoals hieronder weergegeven.

​

# 5) Door CSS Selector

Een andere manier om Checkbox-elementen te selecteren is door CSS Selector met behulp van zijn waarde ​

Voorbeeld:

​

# 6) XPATH gebruiken

Een Checkbox-element selecteren met XPATH is een van de manieren voor de selectie van het Checkbox-element in Selenium die helpt bij het selecteren van het exacte element dat u wilt selecteren.

Bekijk het onderstaande voorbeeld om Checkbox te selecteren met XPATH.

​

Voorbeelden / toepassingen waar checkbox vaak wordt gebruikt

# 1) Favoriete sporten

De checklist in de onderstaande afbeelding bevat verschillende sportactiviteiten. We kunnen er een of meer opties uit selecteren. De aangevinkte vakjes kunnen worden gezien als gemarkeerd.

Sport

# 2) Gebruik van selectievakje om een ​​overeenkomst te bevestigen

Het selectievakje is bedoeld ter bevestiging. Zodra de gebruiker dit selectievakje heeft aangevinkt, gaat het systeem na of de gebruiker akkoord gaat met de overeenkomst en gaat het verder.

mee eens

youtube-ik-ga akkoord-voorwaarden-service-privacybeleid

# 3) Taalkeuze

Voor het selecteren van een taal kan een selectievakje worden gebruikt. Hiermee kunnen gebruikers een of meer opties selecteren.

taal selectie

(beeld bron ​

# 4) Instellingen aanpassen met behulp van het selectievakje

De onderstaande afbeelding toont de selectie van Checkbox voor verschillende voorkeuren. Afhankelijk van de keuze van de gebruiker, kunnen de opties worden geselecteerd.

Instellingen aanpassen met het selectievakje

(beeld bron ​

# 5) De fitnessprogramma's van uw keuze selecteren

Er zijn verschillende fitnessprogramma-opties beschikbaar en de gebruiker moet de opties van zijn keuze kiezen.

Selecteer de fitnessprogramma

(beeld bron ​

# 6) Kies kleuren

Er zijn ook selectievakjes voor de selectie van kleuren.

Kies kleuren

Er zijn talloze van dergelijke voorbeelden waarbij selectievakjes worden gebruikt.

Om er nog een paar te noemen:

  1. Kies onderwerpen: Wiskunde, Engels, natuurkunde, scheikunde, allemaal.
  2. Selecteer pauzetijd: 9.00 uur, 12.00 uur, 15.00 uur, 18.00 uur, geen.
  3. Voertuigen die u heeft: Fiets, auto, beide, geen.
  4. Vaardigheden testen: Handmatig, automatisering, beide, geen.
  5. Gebruikte metalen: Goud, Zilver, Platina, Gemengd.
  6. Landen waar producten verkrijgbaar zijn: België, Colombia, Frankrijk, Duitsland.
  7. Selecteer je hobby's: Schilderen, kunstwerken, zingen, dansen, tuinieren.
  8. Groentelijst: Capsicum, Bloemkool, Kool, Aardappelen, Tomaten.
  9. Vruchten checklist: Ananas, Appel, Watermeloen, Sinaasappelen, Mango's.
  10. Mobiele telefoons die in een huis worden gebruikt: I Phone, One Plus, Nokia, Samsung, Blackberry, Other.

Staten van checkbox

Er zijn drie belangrijke statussen van selectievakjes:

drietal

# 1) Gecontroleerd : Staat waarin het selectievakje is geselecteerd, is de gecontroleerde staat ​Hier kunnen we het vak zien als aangevinkt.

# 2) Niet aangevinkt : Vakje dat niet is aangevinkt of als het geselecteerde vakje opnieuw wordt aangeklikt, gaat het vakje in een ongecontroleerde staat ​

# 3) Gemiddeld : Als een vakje niet is aangevinkt of niet is aangevinkt, is het bekend dat het een tussenstatus is. In deze toestand heeft de gebruiker de mogelijkheid om te kiezen of hij wel of niet op het vakje wil klikken.

De bovenstaande afbeelding zal u helpen deze toestanden te begrijpen.

checkbox_three_state_intermediate

De bovenstaande afbeelding is nog een voorbeeld dat de verschillende statussen van selectievakjes verklaart.

  • Gecontroleerde staat: Schakel functie XYZ in
  • Niet aangevinkte staat: Functie ABC inschakelen, Functie WWW inschakelen
  • Tussenliggende staat: Schakel alles in.

Dus, aangevinkt, niet aangevinkt en tussenliggende staten van checkbox zijn zoals hierboven uitgelegd.

Gevolgtrekking

We hebben de afhandeling van Checkbox met Selenium in detail gezien. Met selectievakjes kunnen gebruikers dus meer dan één optie selecteren. We hebben talloze toepassingen van Checkbox gezien waarmee de gebruikers meerdere opties tegelijkertijd kunnen selecteren.

We hebben de methoden voor de selectie van Checkbox-elementen onderzocht en begrepen hoe meerdere Checkboxen met Selenium kunnen worden afgehandeld.

Veel leesplezier !!

​ Bezoek hier om Selenium van Scratch te leren.

Aanbevolen literatuur

^