how handle scroll bar selenium webdriver
In diesem Tutorial werden Bildlaufleisten, Arten von Bildlaufleisten und der Umgang mit Bildlaufleisten in Selen erläutert:
Die Bildlaufleiste ist ein dünner langer Abschnitt am Rand des Computerdisplays. Über die Bildlaufleiste können wir den gesamten Inhalt oder die gesamte Seite anzeigen, während wir mit Hilfe einer Maus von oben nach unten oder von links nach rechts scrollen.
Lassen Sie uns zunächst einige Begriffe wie Knob, Track und Buttons verstehen, die in Bezug auf Bildlaufleisten verwendet werden.
=> Überprüfen Sie ALLE Selen-Tutorials hier
Anwendungen zum Ausspionieren von Handys
In diesem Tutorial lernen wir die Arten von Bildlaufleisten kennen. Wir werden uns auch die Bildlaufleiste in HTML ansehen, die Implementierung von Code für die Handhabung der Bildlaufleiste in Selen verstehen und schließlich die Beispiele / Anwendungen kennen, in denen Bildlaufleisten häufig verwendet werden.
Was du lernen wirst:
Grundlegendes zu Bildlaufleisten
Das folgende Bild zeigt zwei Arten von Bildlaufleisten:
Was sind Knopf, Spur und Knöpfe?
Bildlaufleisten haben Tasten an beiden Enden der Leiste, die eine Vorwärts- und eine Rückwärtsschaltfläche für die horizontale Bildlaufleiste und eine Aufwärts- und Abwärtsschaltfläche für die vertikale Bildlaufleiste sein können.
Knopf ist der Teil der Bildlaufleiste, der beweglich ist. Sie kann für eine horizontale Bildlaufleiste von links nach rechts und für die vertikale Bildlaufleiste von oben nach unten verschoben werden.
Spur ist der Abschnitt der Bildlaufleiste, in dem der Knopf bewegt werden kann, um den gesamten Inhalt anzuzeigen.
Das folgende Bild erklärt das Konzept deutlich:
(Bild Quelle ))
Arten von Bildlaufleisten
Grundsätzlich gibt es zwei Arten:
- Horizontale Bildlaufleiste
- Vertikale Bildlaufleiste
# 1) Horizontale Bildlaufleiste
Über eine horizontale Bildlaufleiste kann der Benutzer nach links oder rechts scrollen, um den gesamten Inhalt des Fensters anzuzeigen.
Das obige Bild zeigt eine rot hervorgehobene horizontale Bildlaufleiste. Wir können sehen, dass die Bildlaufleiste von links nach rechts oder umgekehrt verschoben werden kann, um den gesamten auf dem Bildschirm angezeigten Inhalt anzuzeigen.
# 2) Vertikale Bildlaufleiste
Über eine vertikale Bildlaufleiste kann der Benutzer nach oben oder unten scrollen, um den gesamten Inhalt des Fensters anzuzeigen.
Wer hat den besten E-Mail-Service
Das obige Bild zeigt eine vertikal hervorgehobene vertikale Bildlaufleiste. Wir können sehen, dass die Bildlaufleiste von oben nach unten oder umgekehrt verschoben werden kann, um den gesamten auf dem Bildschirm angezeigten Inhalt anzuzeigen.
Normalerweise haben Webseiten viel Inhalt und sind gute Beispiele für vertikale Bildlaufleisten.
Bildlaufleiste In HTML
Es wird sehr häufig auf verschiedenen Websites, Systemanwendungen und fast überall verwendet. Benutzer können den Inhalt der Seite entweder durch Aufwärts-Abwärts- oder Links-Rechts-Bildlauf vollständig anzeigen.
Das folgende Bild ist ein solches Beispiel, das in HTML erstellt wurde:
Siehe folgenden HTML-Code für das obige Bild:
Scroll Bar #text { width: 200px; height: 200px; border: 1px solid; font-size: 30px; overflow: scroll; text-align: center; } Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! So können wir die HTML-Seite sehen, auf der beim Scrollen nach unten und oben mithilfe einer vertikalen Bildlaufleiste der gesamte Inhalt angezeigt wird.
Code für die Handhabung der Bildlaufleiste in Selen
Selenium führt Bildlaufvorgänge auf unterschiedliche Weise durch. Die verschiedenen Methoden sind wie folgt:
# 1) Verwenden der integrierten Bildlaufoption ODER mithilfe der Actions-Klasse
Das Scrollen kann in Selen mithilfe einer integrierten Bildlaufoption durchgeführt werden, wie im folgenden Implementierungscode gezeigt:
Die Syntax für die Bildlaufleiste mit integrierten Bildlaufoptionen:
Actions act = new Actions(driver); //Object of Actions class act.sendKeys(Keys. PAGE_DOWN ).build().perform(); //Page Down act.sendKeys(Keys. PAGE_UP ).build().perform(); //Page Up Code für die Handhabung der Bildlaufleiste mithilfe einer integrierten Bildlaufoption.
package SeleniumPrograms; import org.openqa.selenium.By; import org.openqa.selenium.Keys; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; import org.openqa.selenium.interactions.Actions; public class Scroll { public static void main(String() args) throws InterruptedException { WebDriver dr = new FirefoxDriver(); dr.manage().window().maximize(); dr.get('https://opensource-demo.orangehrmlive.com/'); //testing webpage WebElement uname = dr.findElement(By.id('txtUsername')); //username uname.sendKeys('Admin'); WebElement pwd = dr.findElement(By.name('txtPassword')); //password pwd.sendKeys('admin123'); WebElement login_button = dr.findElement(By.xpath('//input(@id='btnLogin')')); login_button.click(); //login button WebElement admin = dr.findElement(By.id('menu_admin_viewAdminModule')); admin.click(); WebElement job = dr.findElement(By.id('menu_admin_Job')); job.click(); WebElement jobtitle_link = dr.findElement(By.linkText('Job Titles')); jobtitle_link.click(); Actions act = new Actions(dr); act.sendKeys(Keys.PAGE_DOWN).build().perform(); //Page Down System.out.println('Scroll down perfomed'); Thread.sleep(3000); act.sendKeys(Keys.PAGE_UP).build().perform(); //Page Up System.out.println('Scroll up perfomed'); Thread.sleep(3000); } }Im obigen Programmcode wird das Scrollen in Selenium mit behandelt Aktionen Klasse. Dies erfolgt durch Erstellen eines Objekts der Actions-Klasse durch Übergeben des Treibers. Wir haben auch die Verwendung einer eingebauten Bildlaufoption sowohl für das Aufwärts- als auch für das Abwärts-Bildlauf gesehen.
Die Ausgabe des obigen Codes:
(Bild Quelle ))
So können wir sehen, wie Scroll Down- und Scroll Up-Vorgänge mit Hilfe von Selenium Webdriver mithilfe einer integrierten Scroll-Option ODER mithilfe von ausgeführt werden Aktionen Klassenmethode.
# 2) Verwenden von JavascriptExecutor ODER von Pixel
Diese Methode hilft beim Scrollen der Webseite, indem sie die Pixelanzahl angibt, mit der wir entweder nach oben oder nach unten scrollen möchten. Unten finden Sie den Implementierungscode für das Scrollen nach Pixel oder die Verwendung von JavascriptExecutor.
package SeleniumPrograms; import org.openqa.selenium.By; import org.openqa.selenium.JavascriptExecutor; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class ScrollBar { public static void main(String() args) throws InterruptedException { WebDriver dr = new FirefoxDriver(); dr.manage().window().maximize(); dr.get('https://opensource-demo.orangehrmlive.com/'); //testing webpage WebElement uname = dr.findElement(By.id('txtUsername')); //username uname.sendKeys('Admin'); WebElement pwd = dr.findElement(By.name('txtPassword')); //password pwd.sendKeys('admin123'); WebElement login_button = dr.findElement(By.xpath('//input(@id='btnLogin')')); login_button.click(); //loginbutton JavascriptExecutor js = (JavascriptExecutor)dr; js.executeScript('window.scrollBy(0,70)'); //Scroll Down(+ve) Thread.sleep(3000); System.out.println('Scrolled down..'); js.executeScript('window.scrollBy(0,-50)'); //Scroll Up (-ve) Thread.sleep(3000); System.out.println('Scrolled up..'); } }Die Ausgabe des obigen Codes:
Das obige Bild zeigt einen Bildlauf nach unten, der durch den Pixelwert ausgeführt wird, wie im obigen Code um 70 (nach unten) erwähnt. Auf die gleiche Weise wird dann eine Bildlaufoperation durchgeführt, indem ein Pixelwert = -50 (d. H. Aufwärts) bereitgestellt wird.
Das folgende Bild zeigt einen Bildlauf nach oben (um 50):
Daher haben wir bei dieser Methode JavascriptExecutor verwendet und einen Bildlauf nach oben und unten durchgeführt, indem wir Pixelwerte angegeben haben.
Beispiele / Anwendungen
Es gibt zahlreiche Anwendungen oder Beispiele für Bildlaufleisten. Nur wenige davon sind wie folgt beschrieben:
# 1) Bildlaufleisten in Excel-Dateien:
Wie wir wissen, sind in Excel-Dateien eine große Datenmenge gespeichert. Es wird schwierig, den gesamten Inhalt auf einer einzigen Seite anzuzeigen. Daher kann das Scrollen dem Benutzer helfen, die Daten anzuzeigen, die auf dem aktuellen Bildschirm nicht vorhanden sind.
der beste Youtube zu MP3 Konverter online
# 2) Scrollen im Editor
Im obigen Bild sind Bildlaufleisten horizontal und vertikal sichtbar, sodass die Daten im Notizblockdokument vollständig sichtbar sind.
# 3) Verwendung der Bildlaufleiste in Browsern
Beim Lesen der Daten sehen wir nur die Hälfte der Daten auf dem Browserbildschirm. Durch Scrollen können Sie sich vorwärts, rückwärts und aufwärts bewegen, um die gesamte Ansicht zu erhalten. Durch die Verwendung horizontaler und vertikaler Bildlaufleisten kann daher der gesamte Inhalt des Browserbildschirms angezeigt werden.
Es gibt viele weitere Beispiele, mit denen die Benutzer die vollständigen Daten anzeigen können, die auf dem Bildschirm angezeigt werden.
Fazit
In diesem Tutorial haben wir die Bildlaufleisten und ihre Typen kennengelernt. Wir haben auch gesehen, dass die Bildlaufleiste in der HTML-Seite erstellt und verwendet wird
Wir haben die Methoden zum Implementieren von Code zum Behandeln von Bildlaufleisten unter Verwendung von Selen, d. H. Der integrierten Bildlaufoption / unter Verwendung der Aktionsklasse und unter Verwendung von JavascriptExecutor / von Pixel, verstanden und einige Anwendungen durchlaufen, in denen Bildlaufleisten häufig verwendet werden.
=> Lesen Sie den vollständigen Selen-Leitfaden durch
Literatur-Empfehlungen
- Umgang mit Warnungen / Popups in Selenium WebDriver - Selenium Tutorial # 16
- Hochladen von Dateien mit Selenium Webdriver - 3 Methoden
- Wie wähle ich Optionsfelder in Selenium WebDriver aus?
- So führen Sie Selenium WebDriver in verschiedenen gängigen Browsern aus
- Umgang mit iFrames mit der Selenium WebDriver-Methode switchTo ()
- Handbuch zum Generieren von Extent-Berichten in Selenium WebDriver
- XPath-Achsen für dynamisches XPath in Selenium WebDriver
- Integration von Jenkins in Selenium WebDriver: Schritt-für-Schritt-Anleitung