Menu

Ako zaobchádzať s posúvačom v selenovom webdriveri

  • Hlavná
  • Iné
  • Ako zaobchádzať s posúvačom v selenovom webdriveri

how handle scroll bar selenium webdriver

Vyskúšajte Náš Nástroj Na Odstránenie Problémov

Tento tutoriál vysvetľuje posúvače, typy posúvačov a spôsob zaobchádzania s posúvačmi v seléne:

Posuvná lišta je tenká dlhá časť na okraji displeja počítača. Pomocou posúvača môžeme zobraziť celý obsah alebo pomocou myši prechádzať hore-dolu alebo doľava-doprava pomocou zobrazenia celej stránky.

Najskôr si vysvetlíme niektoré výrazy ako Knob, Track a Buttons, ktoré sa používajú v súvislosti s posúvačmi.

=> Skontrolujte VŠETKY návody na selén tu

otázky a odpovede na pohovor o zabezpečení kvality

Manipulačná posúvač na seléne

V tomto výučbe sa dozvieme o typoch posúvačov. Ďalej sa pozrieme na Posuvnú lištu v HTML, pochopíme implementáciu kódu na prácu so Posúvacou lištou v seléne a nakoniec poznáme príklady / aplikácie, kde sa Posúvače bežne používajú.

Čo sa dozviete:

Pochopenie posúvačov

Na nasledujúcom obrázku sú zobrazené 2 typy posúvačov:

typy posuvných pruhov

Čo sú to gombíky, gombíky a tlačidlá

Posuvníky majú tlačidlá na oboch koncoch lišty, čo môže byť tlačidlo dopredu a dozadu pre vodorovný posúvač a tlačidlo hore a dole pre zvislý posúvač.

Gombík je časť posuvnej lišty, ktorá je pohyblivá. Môže sa posúvať doľava-doprava pre vodorovný posúvač a hore-dole pre zvislý posúvač.

Sledovať je časť posuvnej lišty, po ktorej je možné gombíkom pohybovať, aby sa zobrazil celý obsah.

Nasledujúci obrázok jasne vysvetľuje koncept:

Gombík, track a tlačidlá

(obrázok zdroj )

Typy posúvačov

typy posúvačov

V zásade existujú 2 typy:

  • Vodorovný posúvač
  • Zvislý posúvač

# 1) Horizontálna posúvač

Vodorovná posúvacia lišta umožňuje používateľovi posúvať sa doľava alebo doprava a zobraziť tak všetok obsah v okne.

vodorovná rolovacia lišta

Obrázok vyššie zobrazuje vodorovný posúvač zvýraznený červenou farbou. Vidíme, že posúvač je možné posúvať zľava doprava alebo naopak, aby sa zobrazil celý obsah zobrazený na obrazovke.

# 2) Vertikálny posúvač

Vertikálna posuvná lišta umožňuje používateľovi posúvať sa nahor-nadol alebo naopak, aby si mohol pozrieť celý obsah v okne.

zvislý posúvač

otázky a odpovede týkajúce sa technickej podpory na pohovore pre nováčikov

Obrázok vyššie zobrazuje zvislý posúvač zvýraznený červenou farbou. Vidíme, že posúvač je možné posúvať zhora nadol alebo naopak, aby sa zobrazil celý obsah zobrazený na obrazovke.

Webové stránky majú zvyčajne veľa obsahu a sú dobrým príkladom zvislých posúvačov.

Posúvač v HTML

Používa sa veľmi často na rôznych webových stránkach, v systémových aplikáciách a takmer všade. Používateľom umožňuje úplné prezeranie obsahu stránky rolovaním nahor-nadol alebo zľava-doprava.

Obrázok nižšie je jedným z príkladov vytvorených v Html:

scrollhtml

Obrázok vyššie nájdete v nasledujúcom kóde 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!

Vidíme teda stránku Html, ktorá pri prezeraní nadol a nahor pomocou zvislého posúvača umožňuje prezeranie celého obsahu.

Kód pre manipuláciu s posuvnou lištou na seléne

Selén zvláda operácie rolovania rôznymi spôsobmi. Rozlišujeme tieto metódy:

# 1) Použitie možnosti zabudovaného rolovania ALEBO pomocou triedy Akcie

Posúvanie je možné zvládnuť na seléne pomocou zabudovanej možnosti posúvania, ako je uvedené v nasledujúcom implementačnom kóde:

Syntax posúvača pomocou zabudovaných možností posúvania:

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 pre manipuláciu s rolovacím panelom pomocou zabudovanej možnosti rolovania.

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

Vo vyššie uvedenom programovom kóde sa posúvanie spracováva pomocou selénu pomocou Akcie trieda. To sa deje vytvorením objektu triedy Actions odovzdaním ovládača. Videli sme tiež použitie možnosti zabudovaného posúvania na posúvanie nahor a nadol.

Výstup vyššie uvedeného kódu:

scrolldown1

(obrázok zdroj )

posunúť nahor

Môžeme teda vidieť operácie Scroll Down a Scroll Up vykonávané pomocou selénového webdriveru pomocou zabudovanej možnosti rolovania ALEBO pomocou Akcie triedna metóda.

# 2) Používanie JavascriptExecutor ALEBO Pixel

Táto metóda pomáha pri posúvaní webovej stránky tým, že uvádza počet pixelov, o ktoré sa chceme posúvať nahor alebo nadol. Nižšie je uvedený implementačný kód na posúvanie podľa pixelov alebo použitie 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..'); } }

Výstup vyššie uvedeného kódu:

scroll_down2

Vyššie uvedený obrázok zobrazuje posúvanie nadol vykonané pomocou hodnoty pixelu, ako je uvedené vo vyššie uvedenom kóde, o 70 (smerom nadol). Rovnakým spôsobom sa potom vykoná operácia rolovania nahor poskytnutím hodnoty pixelu = -50 (t.j. nahor).

Na nasledujúcom obrázku je zobrazené posúvanie nahor (o 50):

scroll_up2

V tejto metóde sme teda použili JavascriptExecutor a vykonali posúvanie hore a dole poskytovaním hodnôt pixelov.

Príklady / Aplikácie

Existuje mnoho aplikácií alebo príkladov posuvných pruhov. Niekoľko z nich je opísaných nižšie:

# 1) Posúvače v súboroch programu Excel:

Ako vieme, súbory Excel majú v sebe uložené obrovské množstvo dát. Je ťažké zobraziť celý obsah na jednej stránke. Posúvanie teda môže používateľovi pomôcť zobraziť údaje, ktoré sa na aktuálnej obrazovke nenachádzajú.

tímový serverový agilný projektový manažment

ukážkové_excel súbory

# 2) Posúvanie v poznámkovom bloku

example_notepad

Na vyššie uvedenom obrázku sú posuvné pruhy viditeľné horizontálne a vertikálne, čo poskytuje úplnú viditeľnosť údajov v dokumente poznámkového bloku.

# 3) Používanie posúvača v prehliadačoch

example_browers
Počas čítania údajov vidíme na obrazovke prehliadača iba polovičné údaje. Posúvanie pomáha posúvať dopredu, dozadu a nahor-nadol, aby malo celé zobrazenie. Preto je možné pomocou vodorovných a zvislých posúvačov zobraziť celý obsah obrazovky prehliadača.

Existuje oveľa viac takýchto príkladov, ktoré používateľom pomáhajú zobraziť úplné údaje zobrazené na obrazovke.

Záver

V tomto tutoriáli sme sa dozvedeli o posúvačoch, ich typoch. Taktiež sme videli, že sme vytvorili a použili posúvač na stránke HTML Page

Pochopili sme metódy implementácie kódu na manipuláciu s posuvnými lištami pomocou selénu, t. J. Zabudovaná možnosť rolovania / pomocou triedy akcií a pomocou JavascriptExecutor / by Pixel a prešli sme niekoľkými aplikáciami, kde sa posuvné pruhy bežne používajú.

=> Prečítajte si kompletného sprievodcu selénom

Odporúčané čítanie

^