Meni

Kako ravnati z drsnikom v programu Selenium Webdriver

  • Glavni
  • Drugo
  • Kako ravnati z drsnikom v programu Selenium Webdriver

how handle scroll bar selenium webdriver

Preizkusite Naš Instrument Za Odpravo Težav

Ta vadnica razlaga drsne trakove, vrste drsnih trakov in kako ravnati z drsnikom v seleniju:

Drsni trak je tanek dolg odsek na robu zaslona računalnika. S pomočjo drsnega traku si lahko ogledate celotno vsebino ali celotno stran, medtem ko se s pomočjo miške pomikate navzgor ali levo-desno.

Najprej naj razumemo nekatere izraze, kot so gumb, sled in gumbi, ki se uporabljajo za pomikanje po vrsticah.

=> Tukaj preverite VSE vadnice za selen

kako uporabiti datoteko jar

Rokovanje z drsnikom v selenu

V tej vadnici bomo spoznali vrste drsnih trakov. Ogledali si bomo tudi drsni trak v HTML-ju, razumeli izvajanje kode za obdelavo drsnega traku v seleniju in končno poznali primere / aplikacije, kjer se drsne trakove pogosto uporabljajo.

Kaj se boste naučili:

Razumevanje drsnih trakov

Spodnja slika prikazuje dve vrsti drsnih trakov:

drsnih vrst

Kaj so gumbi, skladbe in gumbi

Drsni trakovi imajo gumbi na obeh koncih vrstice, ki je lahko gumb naprej in nazaj za vodoravni drsnik in gumb navzgor in navzdol za navpični drsnik.

Gumb je del drsnega traku, ki je premičen. Za vodoravni drsnik se lahko premika levo-desno in navpično drsno trak navzgor-navzdol.

Sledi je odsek drsne vrstice, na katerem lahko premikate gumb, da si ogledate celotno vsebino.

Spodnja slika jasno razlaga koncept:

Gumb, skladba in gumbi

(slika vir )

Vrste drsnih trakov

vrste drsnih trakov

V bistvu obstajata dve vrsti:

  • Vodoravna drsna vrstica
  • Navpična drsna vrstica

# 1) Vodoravna drsna vrstica

Vodoravna drsna vrstica omogoča uporabniku, da se pomakne v levo ali desno za ogled celotne vsebine v oknu.

vodoravna drsna vrstica

osnovna vprašanja za intervju z javo z odgovori

Zgornja slika prikazuje vodoravno drsno trako, označeno z rdečo barvo. Vidimo lahko, da se drsni trak premika od leve proti desni ali obratno, da si ogledate celotno vsebino, prikazano na zaslonu.

# 2) Navpična drsna vrstica

Navpična drsna vrstica omogoča uporabniku, da se pomakne navzgor ali obratno, da si ogleda celotno vsebino v oknu.

navpična drsna vrstica

Zgornja slika prikazuje navpično drsno trak, označen z rdečo. Vidimo lahko, da se drsni trak lahko premika od zgoraj navzdol ali obratno, da si ogledate celotno vsebino, prikazano na zaslonu.

Spletne strani imajo običajno veliko vsebine in so dober primer navpičnih drsnih trakov.

Drsna vrstica v HTML

Uporablja se zelo pogosto na različnih spletnih mestih, v sistemskih aplikacijah in skoraj povsod. Uporabnikom omogoča popoln ogled vsebine na strani s pomikanjem navzgor ali navzdol ali levo-desno.

Spodnja slika je en tak primer, ustvarjen v Html:

pomaknite se html

Za zgornjo sliko glej naslednjo kodo Html:

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!

Tako lahko vidimo stran Html, na kateri je pri pomikanju navzdol in navzgor s pomočjo navpičnega drsnega traku vidna celotna vsebina.

Koda za ravnanje z drsnikom v selenu

Selen obravnava pomikanje na različne načine. Različne metode so naslednje:

# 1) Uporaba vgrajene možnosti drsenja ALI z uporabo razreda Dejanja

Drsanje je mogoče obdelati v programu Selenium z uporabo vgrajene možnosti drsenja, kot je prikazano v spodnji izvedbeni kodi:

Sintaksa drsnega traku z uporabo vgrajenih možnosti drsenja:

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

Koda za rokovanje z drsnikom z vgrajeno možnostjo drsenja.

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

V zgornji programski kodi je pomikanje obdelano v selenu z uporabo Dejanja razred. To se naredi z ustvarjanjem predmeta razreda Action s posredovanjem gonilnika. Opazili smo tudi uporabo vgrajene možnosti drsenja tako za pomikanje navzgor kot za pomikanje navzdol.

Izhod zgornje kode:

pomikanje navzdol1

(slika vir )

pomaknite navzgor

Tako lahko vidimo pomikanje navzdol in pomikanje navzgor, ki jih izvajamo s pomočjo programa Selenium Webdriver z uporabo vgrajene možnosti drsenja ALI z uporabo Dejanja razredna metoda.

# 2) Uporaba JavascriptExecutor OR Pixel

Ta metoda pomaga pri pomikanju po spletni strani, tako da omenja število slikovnih pik, za katero se želimo pomakniti navzgor ali navzdol. Spodaj je navedena izvedbena koda za pomikanje po pikslih ali uporabo 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..'); } }

Izhod zgornje kode:

scroll_down2

Zgornja slika prikazuje pomik navzdol, izveden z vrednostjo slikovnih pik, kot je omenjeno v zgornji kodi, za 70 (navzdol). Na enak način se nato izvede postopek pomikanja navzgor, tako da se navede vrednost slikovnih pik = -50 (tj. Navzgor).

Spodnja slika prikazuje pomik navzgor (za 50):

scroll_up2

Tako smo pri tej metodi uporabili JavascriptExecutor in izvedli pomikanje gor in dol z podajanjem vrednosti slikovnih pik.

Primeri / prijave

Obstajajo številne aplikacije ali primeri drsnih trakov. Le malo jih je, kot je opisano spodaj:

# 1) Drsni trakovi v Excelovih datotekah:

Kot vemo, da imajo datoteke excel v sebi shranjenih ogromno podatkov. Težko si je ogledati celotno vsebino na eni strani. Tako lahko pomikanje pomaga uporabniku, da si ogleda podatke, ki niso prisotni na trenutnem zaslonu.

kakšnih dobrih anime spletnih strani

datoteke example_excel

# 2) Pomikanje po beležnici

example_notepad

Na zgornji sliki so drsni trakovi vidni vodoravno in navpično, kar zagotavlja popolno vidnost podatkov v dokumentu beležnice.

# 3) Uporaba drsne vrstice v brskalnikih

example_browsers
Med branjem podatkov lahko na zaslonu brskalnika vidimo le polovico podatkov. Pomikanje pomaga, da se premikate naprej-nazaj in navzgor za celoten pogled. Tako lahko z uporabo vodoravnih in navpičnih drsnikov drsite celotno vsebino zaslona brskalnika.

Takšnih primerov, ki uporabnikom pomagajo videti celotne podatke, prikazane na zaslonu, je še veliko.

Zaključek

V tej vadnici smo spoznali drsne palice in njihove vrste. Videli smo tudi, da ustvarjamo in uporabljamo drsnik na strani HTML

Razumeli smo načine izvajanja kode za obdelavo drsnih trakov s pomočjo selena, tj. Vgrajeno možnost drsenja / z uporabo razreda dejanj in uporabo JavascriptExecutor / avtorja Pixel, in prešli smo skozi nekaj aplikacij, kjer se drsni trakovi pogosto uporabljajo.

=> Preberite celotni vodnik po selenu

Priporočeno branje

^