how handle scroll bar selenium webdriver
In deze zelfstudie worden schuifbalken, soorten schuifbalken en het omgaan met schuifbalken in Selenium uitgelegd:
De schuifbalk is een dun lang stuk aan de rand van het beeldscherm van de computer. Met behulp van de schuifbalk kunnen we de volledige inhoud bekijken of kunnen we de volledige pagina bekijken terwijl we omhoog-omlaag of naar links-rechts scrollen met behulp van een muis.
Laten we eerst enkele termen begrijpen, zoals Knop, Track en Knoppen die worden gebruikt met verwijzing naar schuifbalken.
Bekijk hier ALLE Selenium-handleidingen
big data als servicebedrijven
In deze zelfstudie leren we over soorten schuifbalken. We zullen ook naar de schuifbalk in HTML kijken, de implementatie van code voor het omgaan met de schuifbalk in Selenium begrijpen en ten slotte de voorbeelden / toepassingen kennen waar schuifbalken vaak worden gebruikt.
Wat je leert:
Inzicht in schuifbalken
De onderstaande afbeelding toont 2 soorten schuifbalken:
Wat zijn knoppen, tracks en knoppen
Schuifbalken hebben toetsen aan beide uiteinden van de balk, wat een vooruitknop en een achteruitknop kan zijn voor de horizontale schuifbalk en de op- en neerwaartse knop voor de verticale schuifbalk.
Knop is het deel van de schuifbalk dat verplaatsbaar is. Het kan van links naar rechts worden verplaatst voor een horizontale schuifbalk en omhoog-omlaag voor de verticale schuifbalk.
Track is het gedeelte van de schuifbalk waarop de knop kan worden verplaatst om de volledige inhoud te bekijken.
De onderstaande afbeelding legt het concept duidelijk uit:
(beeld bron
Soorten schuifbalken
In principe zijn er 2 soorten:
- Horizontale schuifbalk
- Verticale schuifbalk
# 1) Horizontale schuifbalk
Met een horizontale schuifbalk kan de gebruiker naar links of rechts scrollen om alle inhoud in het venster te bekijken.
hoe u een waarde toevoegt aan een array java
De bovenstaande afbeelding toont een horizontale schuifbalk die rood is gemarkeerd. We kunnen zien dat de schuifbalk van links naar rechts kan worden verplaatst of vice versa om de volledige inhoud op het scherm te zien.
# 2) Verticale schuifbalk
Met een verticale schuifbalk kan de gebruiker omhoog en omlaag scrollen of vice versa om de volledige inhoud in het venster te bekijken.
De bovenstaande afbeelding toont een verticale schuifbalk die rood is gemarkeerd. We kunnen zien dat de schuifbalk van boven naar beneden kan worden bewogen of vice versa om de volledige inhoud op het scherm te zien.
Webpagina's hebben meestal veel inhoud en zijn goede voorbeelden van verticale schuifbalken.
Schuifbalk in HTML
Het wordt heel vaak gebruikt op verschillende websites, systeemtoepassingen en bijna overal. Hiermee kunnen gebruikers de inhoud op de pagina volledig bekijken door omhoog-omlaag of links-rechts te scrollen.
De onderstaande afbeelding is zo'n voorbeeld gemaakt in Html:
Zie de volgende html-code voor bovenstaande afbeelding:
We kunnen dus de html-pagina zien die, wanneer naar beneden en naar boven wordt gescrold met behulp van een verticale schuifbalk, de volledige inhoud kan worden bekeken.
Code voor het hanteren van de schuifbalk in selenium
Selenium verwerkt scrolbewerkingen op verschillende manieren. De verschillende methoden zijn als volgt:
# 1) Met behulp van de ingebouwde scroll-optie OF door de Actions-klasse te gebruiken
Scrollen kan in Selenium worden afgehandeld met behulp van een ingebouwde scroll-optie, zoals weergegeven in de onderstaande implementatiecode:
De syntaxis voor schuifbalk met ingebouwde schuifopties:
Code voor het hanteren van de schuifbalk met behulp van een ingebouwde schuifoptie.
In de bovenstaande programmacode wordt scrollen afgehandeld in Selenium met Acties klasse. Dit wordt gedaan door een object van de Actions-klasse te maken door de driver te passeren. We hebben ook het gebruik van een ingebouwde scroll-optie gezien voor zowel naar boven als naar beneden scrollen.
De output van de bovenstaande code:
(beeld bron
We kunnen dus scroll-omlaag en scroll-up-bewerkingen zien die worden uitgevoerd met behulp van Selenium Webdriver met behulp van een ingebouwde scroll-optie OF met behulp van de Acties class methode.
# 2) JavascriptExecutor OF door Pixel gebruiken
Deze methode helpt bij het scrollen van de webpagina door het aantal pixels te vermelden waarmee we omhoog of omlaag willen scrollen. Hieronder vindt u de implementatiecode voor Scrolling by Pixel of het gebruik van JavascriptExecutor.
De output van de bovenstaande code:
De bovenstaande afbeelding toont naar beneden scrollen uitgevoerd op pixelwaarde zoals vermeld in de bovenstaande code met 70 (naar beneden). Op dezelfde manier wordt de oprolbewerking vervolgens uitgevoerd door pixelwaarde = -50 (d.w.z. naar boven) op te geven.
De onderstaande afbeelding toont omhoog scrollen (met 50):
Daarom hebben we bij deze methode JavascriptExecutor gebruikt en op en neer scrollen uitgevoerd door pixelwaarden op te geven.
Voorbeelden / toepassingen
Er zijn talloze toepassingen of voorbeelden van schuifbalken. Weinigen van hen zijn zoals hieronder beschreven:
# 1) Schuifbalken in Excel-bestanden:
Zoals we weten, bevatten Excel-bestanden een enorme hoeveelheid gegevens. Het wordt moeilijk om de hele inhoud op één pagina te bekijken. Daarom kan scrollen de gebruiker helpen om de gegevens te bekijken die niet op het huidige scherm aanwezig zijn.
onafhankelijke onpartijdige beoordelingen van gratis 64-bits firewall
# 2) Scrollen in Kladblok
In de bovenstaande afbeelding zijn schuifbalken horizontaal en verticaal te zien, waardoor de gegevens in het notitieblok volledig zichtbaar zijn.
# 3) Gebruik van de schuifbalk in browsers
Tijdens het lezen van de gegevens kunnen we slechts de helft van de gegevens op het browserscherm zien. Scrollen helpt om vooruit-achteruit en omhoog-omlaag te gaan voor een volledig beeld. Daarom kan door gebruik te maken van horizontale en verticale schuifbalken de volledige inhoud van het browserscherm worden bekeken.
Er zijn nog veel meer van dergelijke voorbeelden die de gebruikers helpen om de volledige gegevens op het scherm te zien.
Gevolgtrekking
In deze tutorial hebben we geleerd over schuifbalken en hun typen. We hebben ook gezien dat we de schuifbalk in HTML-pagina hebben gemaakt en gebruikt
We hebben de methoden begrepen voor het implementeren van code voor het omgaan met schuifbalken met behulp van Selenium, d.w.z. ingebouwde schuifoptie / met behulp van de actieklasse en met behulp van JavascriptExecutor / door Pixel, en hebben enkele toepassingen doorlopen waarbij schuifbalken vaak worden gebruikt.
Lees de complete seleniumgids door
Aanbevolen literatuur
- Omgaan met waarschuwingen / pop-ups in Selenium WebDriver - Selenium Tutorial # 16
- Bestand uploaden met Selenium Webdriver - 3 methoden
- Hoe selecteer ik keuzerondjes in Selenium WebDriver?
- Selenium WebDriver uitvoeren in verschillende populaire browsers
- Omgaan met iFrames met behulp van de Selenium WebDriver switchTo () -methode
- Gids voor het genereren van omvangrapporten in Selenium WebDriver
- XPath-assen voor dynamische XPath in Selenium WebDriver
- Integratie van Jenkins met Selenium WebDriver: stapsgewijze zelfstudie