Menu

Come gestire la barra di scorrimento in Selenium Webdriver

  • Principale
  • Altro
  • Come gestire la barra di scorrimento in Selenium Webdriver

how handle scroll bar selenium webdriver

Prova Il Nostro Strumento Per Eliminare I Problemi

Questo tutorial spiega le barre di scorrimento, i tipi di barre di scorrimento e come gestire la barra di scorrimento in selenio:

La barra di scorrimento è una sezione lunga e sottile sul bordo del display del computer. Utilizzando la barra di scorrimento possiamo visualizzare l'intero contenuto oppure possiamo visualizzare la pagina completa mentre si scorre su-giù o sinistra-destra con l'aiuto del mouse.

Innanzitutto, comprendiamo alcuni termini come Knob, Track e Buttons utilizzati con riferimento alle barre di scorrimento.

=> Controlla TUTTI i tutorial sul selenio qui

quali sono i diversi tipi di test

Manipolazione della barra di scorrimento in selenio

In questo tutorial, impareremo i tipi di barre di scorrimento. Esamineremo anche la barra di scorrimento in HTML, comprenderemo l'implementazione del codice per la gestione della barra di scorrimento in Selenium e infine conosceremo gli esempi / applicazioni in cui vengono comunemente utilizzate le barre di scorrimento.

Cosa imparerai:

Capire le barre di scorrimento

L'immagine sotto mostra 2 tipi di barre di scorrimento:

tipi di barre di scorrimento

Cosa sono manopola, traccia e pulsanti

Le barre di scorrimento hanno pulsanti su entrambe le estremità della barra che potrebbe essere un pulsante avanti e un pulsante indietro per la barra di scorrimento orizzontale e un pulsante su e giù per la barra di scorrimento verticale.

Pomello è la parte mobile della barra di scorrimento. Può essere spostato da sinistra a destra per una barra di scorrimento orizzontale e su-giù per la barra di scorrimento verticale.

Traccia è la sezione della barra di scorrimento su cui è possibile spostare la manopola per visualizzare il contenuto completo.

L'immagine sotto spiega chiaramente il concetto:

Manopola, traccia e pulsanti

(Immagine fonte )

Tipi di barre di scorrimento

tipi di barre di scorrimento

Fondamentalmente, ce ne sono di 2 tipi:

  • Barra di scorrimento orizzontale
  • Barra di scorrimento verticale

# 1) Barra di scorrimento orizzontale

Una barra di scorrimento orizzontale consente all'utente di scorrere verso sinistra o verso destra per visualizzare tutto il contenuto della finestra.

barra di scorrimento orizzontale

L'immagine sopra mostra una barra di scorrimento orizzontale evidenziata in rosso. Possiamo vedere che la barra di scorrimento può essere spostata da sinistra a destra o viceversa per visualizzare il contenuto completo visualizzato sullo schermo.

# 2) Barra di scorrimento verticale

Una barra di scorrimento verticale consente all'utente di scorrere verso l'alto o verso il basso o viceversa per visualizzare il contenuto completo sulla finestra.

barra di scorrimento verticale

L'immagine sopra mostra una barra di scorrimento verticale evidenziata in rosso. Possiamo vedere che la barra di scorrimento può essere spostata dall'alto verso il basso o viceversa per visualizzare il contenuto completo visualizzato sullo schermo.

Di solito, le pagine web hanno molti contenuti e sono buoni esempi di barre di scorrimento verticali.

Barra di scorrimento in HTML

Viene utilizzato molto comunemente su diversi siti Web, applicazioni di sistema e quasi ovunque. Consente agli utenti di visualizzare completamente il contenuto della pagina scorrendo verso l'alto-verso il basso o da sinistra a destra.

L'immagine sotto è uno di questi esempi creati in Html:

scrollhtml

Vedi il seguente codice Html per l'immagine sopra:

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!

Quindi, possiamo vedere la pagina Html che quando scorre verso il basso e verso l'alto con l'aiuto di una barra di scorrimento verticale è visibile il contenuto completo.

Codice per la gestione della barra di scorrimento in selenio

Il selenio gestisce le operazioni di scorrimento in modi diversi. I diversi metodi sono i seguenti:

come faccio a eseguire un file .jar

# 1) Utilizzando l'opzione di scorrimento incorporata OPPURE utilizzando la classe Azioni

Lo scorrimento può essere gestito in Selenium utilizzando un'opzione di scorrimento incorporata come mostrato nel codice di implementazione seguente:

La sintassi per la barra di scorrimento utilizzando le opzioni di scorrimento integrate:

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

Codice per la gestione della barra di scorrimento utilizzando un'opzione di scorrimento incorporata.

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

Nel codice del programma sopra, lo scorrimento viene gestito in Selenium utilizzando Azioni classe. Questo viene fatto creando un oggetto della classe Actions passando il driver. Inoltre, abbiamo visto l'uso di un'opzione di scorrimento incorporata per lo scorrimento verso l'alto e per lo scorrimento verso il basso.

L'output del codice sopra:

scrolldown 1

(Immagine fonte )

scorrere verso l

Quindi possiamo vedere le operazioni di scorrimento verso il basso e scorrimento verso l'alto eseguite con l'aiuto di Selenium Webdriver utilizzando un'opzione di scorrimento incorporata OPPURE utilizzando il Azioni metodo di classe.

# 2) Utilizzo di JavascriptExecutor OR di Pixel

Questo metodo aiuta a scorrere la pagina web menzionando il numero di pixel in base al quale desideriamo scorrere verso l'alto o verso il basso. Di seguito è riportato il codice di implementazione per Scrolling by Pixel o utilizzando 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..'); } }

L'output del codice sopra:

scroll_down2

L'immagine sopra mostra lo scorrimento verso il basso eseguito dal valore del pixel come menzionato nel codice sopra di 70 (verso il basso). Allo stesso modo, l'operazione di scorrimento verso l'alto viene quindi eseguita fornendo il valore del pixel = -50 (cioè verso l'alto).

L'immagine sotto mostra lo scorrimento verso l'alto (di 50):

scroll_up2

Pertanto, in questo metodo, abbiamo utilizzato JavascriptExecutor ed eseguito lo scorrimento su e giù fornendo i valori dei pixel.

Esempi / applicazioni

Esistono numerose applicazioni o esempi di barre di scorrimento. Alcuni di loro sono come descritti di seguito:

# 1) Barre di scorrimento nei file Excel:

Come sappiamo, i file excel contengono un'enorme quantità di dati. Diventa difficile visualizzare l'intero contenuto su una singola pagina. Quindi, lo scorrimento può aiutare l'utente a visualizzare i dati che non sono presenti nella schermata corrente.

generatore di numeri casuali 0-1

file example_excel

# 2) Scorrimento in Blocco note

esempio_notepad

Nell'immagine sopra, le barre di scorrimento possono essere viste orizzontalmente e verticalmente, fornendo una visibilità completa dei dati nel documento del blocco note.

# 3) Uso della barra di scorrimento nei browser

browser_esempio
Durante la lettura dei dati possiamo vedere solo la metà dei dati sullo schermo del browser. Lo scorrimento aiuta a spostarsi avanti-indietro e su-giù per avere l'intera vista. Quindi, utilizzando le barre di scorrimento orizzontali e verticali, è possibile visualizzare l'intero contenuto della schermata del browser.

Ci sono molti altri esempi simili che aiutano gli utenti a visualizzare i dati completi visualizzati sullo schermo.

Conclusione

In questo tutorial, abbiamo imparato a conoscere le barre di scorrimento, i loro tipi. Abbiamo anche visto creare e utilizzare la barra di scorrimento nella pagina HTML

Abbiamo compreso i metodi di implementazione del codice per la gestione delle barre di scorrimento utilizzando Selenium, ovvero l'opzione di scorrimento incorporata / utilizzando la classe di azioni e utilizzando JavascriptExecutor / di Pixel e abbiamo esaminato alcune applicazioni in cui le barre di scorrimento sono comunemente utilizzate.

=> Leggere tutta la guida completa al selenio

Lettura consigliata

^