Meni

Kako se rukuje klizačem u programu Selenium Webdriver

  • Glavni
  • Ostalo
  • Kako se rukuje klizačem u programu Selenium Webdriver

how handle scroll bar selenium webdriver

Isprobajte Naš Instrument Za Uklanjanje Problema

Ovaj vodič objašnjava trake za pomicanje, vrste traka za pomicanje i način rukovanja trakom za pomicanje u seleniju:

Traka za pomicanje tanki je dugački odjeljak na rubu zaslona računala. Pomoću trake za pomicanje možemo pregledavati cijeli sadržaj ili cijelu stranicu dok se pomičemo gore-dolje ili lijevo-desno uz pomoć miša.

Prvo, shvatimo neke pojmove poput gumba, gumba i gumba koji se koriste za pomicanje traka za pomicanje.

=> Ovdje provjerite SVE tutorijale za selenij

algoritam sortiranja umetanja c ++

Rukovanje klizačem u selenu

U ovom uputstvu naučit ćemo o vrstama traka za pomicanje. Također ćemo pogledati traku za pomicanje u HTML-u, razumjeti implementaciju koda za rukovanje trakom za pomicanje u Seleniju i konačno znati primjere / aplikacije u kojima se trake za pomicanje obično koriste.

Što ćete naučiti:

Razumijevanje traka za pomicanje

Sljedeća slika prikazuje 2 vrste traka za pomicanje:

vrste klizača

Što su gumb, trag i tipke

Klizači imaju gumbi na oba kraja trake, što može biti gumb za naprijed i natrag za vodoravno pomicanje i gumb za prema gore i prema dolje za okomito pomicanje.

Gumb je dio pomične trake za pomicanje. Može se pomicati lijevo-desno za vodoravnu traku za pomicanje i gore-dolje za vertikalnu traku za pomicanje.

Staza je odjeljak trake za pomicanje na kojem se gumb može pomicati kako bi se pogledao cjeloviti sadržaj.

Sljedeća slika jasno objašnjava koncept:

Gumb, trag i tipke

(slika izvor )

Vrste traka za pomicanje

vrste traka za pomicanje

U osnovi postoje dvije vrste:

  • Vodoravna traka za pomicanje
  • Okomita traka za pomicanje

# 1) Vodoravna traka za pomicanje

Vodoravna traka za pomicanje omogućuje korisniku da se pomiče ulijevo ili udesno kako bi pregledao sav sadržaj na prozoru.

vodoravna traka za pomicanje

Gornja slika prikazuje vodoravnu traku za pomicanje označenu crvenom bojom. Vidimo da se traka za pomicanje može pomicati slijeva udesno ili obrnuto kako biste pregledali cjeloviti sadržaj prikazan na zaslonu.

# 2) Okomita traka za pomicanje

Okomita traka za pomicanje omogućuje korisniku da se pomiče gore-dolje ili obrnuto kako bi pogledao kompletan sadržaj na prozoru.

okomita traka za pomicanje

Gornja slika prikazuje okomitu traku za pomicanje označenu crvenom bojom. Vidimo da se traka za pomicanje može pomicati od gore prema dolje ili obrnuto kako bi se prikazao cjelokupni sadržaj prikazan na zaslonu.

Web stranice obično imaju puno sadržaja i dobri su primjeri vertikalnih traka za pomicanje.

Traka za pomicanje u HTML-u

Koristi se vrlo često na različitim web mjestima, u sistemskim aplikacijama i gotovo svugdje. Omogućuje korisnicima potpuni pregled sadržaja na stranici pomicanjem prema gore ili prema dolje ili lijevo-desno.

Slika u nastavku jedan je od takvih primjera stvorenih u HTML-u:

pomicanjehtml

Pogledajte sljedeći HTML kod za gornju sliku:

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!

Dakle, možemo vidjeti Html stranicu na kojoj se pri pomicanju prema dolje i prema gore uz pomoć vertikalne trake za pomicanje vidi cijeli sadržaj.

Kôd za rukovanje klizačem u selenu

Selen rukuje operacijama pomicanja na različite načine. Različite metode su kako slijedi:

# 1) Korištenje ugrađene opcije pomicanja ILI pomoću klase Akcije

Pomicanjem se može rukovati u Seleniju pomoću ugrađene opcije pomicanja kao što je prikazano u donjem implementacijskom kodu:

Sintaksa za traku za pomicanje pomoću ugrađenih opcija pomicanja:

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

Kôd za rukovanje klizačem pomoću ugrađene opcije pomicanja.

osnovna pitanja i odgovori na intervju za tehničku podršku
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); } }

U gore navedenom programskom kodu pomicanjem se rukuje u seleniju pomoću Akcije razred. To se postiže stvaranjem objekta klase Actions prosljeđivanjem upravljačkog programa. Također, vidjeli smo upotrebu ugrađene opcije pomicanja za pomicanje prema gore, kao i za pomicanje prema dolje.

Izlaz gornjeg koda:

pomicanje prema dolje1

(slika izvor )

pomicanje gore

Tako možemo vidjeti operacije pomicanja prema dolje i pomicanja prema gore koje se izvode uz pomoć Selenium Webdriver pomoću ugrađene opcije pomicanja ILI pomoću Akcije razredna metoda.

# 2) Korištenje JavascriptExecutor-a ILI Pixel-a

Ova metoda pomaže u pomicanju web stranice spominjanjem broja piksela kojim se želimo pomicati prema gore ili prema dolje. Ispod je implementacijski kod za pomicanje po pikselu ili pomoću JavascriptExecutor-a.

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

Izlaz gornjeg koda:

pomicanje_dolje2

Gornja slika prikazuje pomicanje prema dolje izvedeno prema vrijednosti piksela kako je spomenuto u gornjem kodu za 70 (prema dolje). Na isti se način tada izvodi operacija pomicanja prema gore davanjem vrijednosti piksela = -50 (tj. Prema gore).

Sljedeća slika prikazuje pomicanje prema gore (za 50):

pomicanje_up2

Stoga smo u ovoj metodi koristili JavascriptExecutor i izveli pomicanje gore-dolje davanjem vrijednosti piksela.

Primjeri / primjene

Brojni su programi ili primjeri traka za pomicanje. Malo je njih kako je opisano u nastavku:

# 1) Trake za pomicanje u Excel datotekama:

Kao što znamo da excel datoteke sadrže ogromnu količinu podataka pohranjenih u sebi. Postaje teško pregledavati cijeli sadržaj na jednoj stranici. Stoga pomicanje može pomoći korisniku da pregleda podatke koji nisu prisutni na trenutnom zaslonu.

najbolje web stranice za besplatno gledanje animea na mreži

datoteke example_excel

# 2) Pomicanje u Notepadu

example_notepad

Na gornjoj se slici trake za pomicanje mogu vidjeti vodoravno i okomito, pružajući potpunu vidljivost podataka u dokumentu bilježnice.

# 3) Korištenje trake za pomicanje u preglednicima

example_browsers
Tijekom čitanja podataka na zaslonu preglednika možemo vidjeti samo pola podataka. Pomicanje pomaže u kretanju naprijed-natrag i gore-dolje za postizanje cijelog prikaza. Stoga se upotrebom vodoravnih i okomitih traka za pomicanje može pregledati cjelokupni sadržaj zaslona preglednika.

Postoji još mnogo takvih primjera koji pomažu korisnicima da vide cjelovite podatke prikazane na zaslonu.

Zaključak

U ovom uputstvu naučili smo o klizačima, njihovim vrstama. Također smo vidjeli kako stvaramo i koristimo traku za pomicanje na HTML stranici

Razumjeli smo metode implementacije koda za rukovanje trakama za pomicanje pomoću selena, tj. Ugrađene opcije pomicanja / korištenjem klase akcija i korištenjem JavascriptExecutor / tvrtke Pixel, te smo prošli kroz nekoliko aplikacija u kojima se trake za pomicanje obično koriste.

=> Pročitajte cjeloviti vodič za selen

Preporučena literatura

^