Menu

Jak zacházet s posuvníkem v selenovém webdriveru

  • Hlavní
  • Jiný
  • Jak zacházet s posuvníkem v selenovém webdriveru

how handle scroll bar selenium webdriver

Vyzkoušejte Náš Nástroj Pro Odstranění Problémů

Tento výukový program vysvětluje posuvníky, typy posuvníků a způsob manipulace s posuvníkem v selenu:

Posuvník je tenká dlouhá část na okraji displeje počítače. Pomocí posuvníku můžeme zobrazit celý obsah nebo zobrazit celou stránku při posouvání nahoru-dolů nebo zleva doprava pomocí myši.

Nejprve pochopíme některé pojmy jako Knob, Track a Buttons, které se používají s odkazem na posuvníky.

=> Podívejte se na VŠECHNY výukové programy selenu zde

nástroj pro opravu softwaru systému Windows Windows 10

Manipulace s posuvníkem v selenu

V tomto kurzu se dozvíme o typech posuvných lišt. Podíváme se také na posuvník v HTML, pochopíme implementaci kódu pro manipulaci s posuvníkem v selenu a nakonec budeme znát příklady / aplikace, kde se posuvníky běžně používají.

Co se naučíte:

Porozumění posuvníkům

Níže uvedený obrázek ukazuje 2 typy posuvníků:

typy posuvných lišt

Co jsou knoflík, stopa a tlačítka

Posuvníky mají tlačítka na obou koncích lišty, což může být tlačítko pro posun vpřed a vzad pro vodorovný posuvník a tlačítko nahoru a dolů pro svislý posuvník.

Knoflík je část posuvné lišty, která je pohyblivá. Lze jej posunout doleva-doprava pro vodorovný posuvník a nahoru-dolů pro svislý posuvník.

Dráha je část posuvné lišty, na které lze knobem pohybovat, aby se zobrazil celý obsah.

Níže uvedený obrázek jasně vysvětluje koncept:

Knoflík, dráha a tlačítka

(obraz zdroj )

Typy posuvníků

typy posuvníků

V zásadě existují 2 typy:

  • Vodorovný posuvník
  • Svislý posuvník

# 1) Horizontální posuvník

Vodorovný posuvník umožňuje uživateli posouvat se doleva nebo doprava a zobrazit tak veškerý obsah v okně.

vodorovný posuvník

Výše uvedený obrázek zobrazuje vodorovný posuvník zvýrazněný červeně. Vidíme, že posuvník lze posunout zleva doprava nebo naopak, abychom si mohli prohlédnout celý obsah zobrazený na obrazovce.

# 2) Vertikální posuvník

Svislý posuvník umožňuje uživateli posouvat nahoru-dolů nebo naopak a zobrazit celý obsah v okně.

svislý posuvník

Výše uvedený obrázek zobrazuje svislý posuvník zvýrazněný červeně. Vidíme, že posouvací lištu lze posunout shora dolů a naopak, aby se zobrazil celý obsah zobrazený na obrazovce.

Webové stránky mají obvykle hodně obsahu a jsou dobrým příkladem svislých posuvníků.

Posuvník v HTML

Používá se velmi často na různých webových stránkách, v systémových aplikacích a téměř všude. Umožňuje uživatelům plně zobrazit obsah stránky posouváním nahoru-dolů nebo zleva doprava.

Níže uvedený obrázek je jedním z příkladů vytvořených v Html:

scrollhtml

Viz následující HTML kód pro výše uvedený obrázek:

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!

Můžeme tedy vidět stránku Html, která při posouvání dolů a nahoru pomocí svislého posuvníku zobrazuje celý obsah.

Kód pro manipulaci s posuvníkem v selenu

Selen zpracovává rolovací operace různými způsoby. Různé metody jsou následující:

# 1) Použití vestavěné možnosti posouvání NEBO pomocí třídy Akce

Posouvání lze zpracovat v selenu pomocí možnosti vestavěného posouvání, jak je znázorněno v následujícím implementačním kódu:

jak chytat chyby během automatizace sestavení

Syntaxe posuvníku pomocí vestavěných možností posouvání:

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 pro manipulaci s posuvníkem pomocí vestavěné možnosti posouvání.

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

Ve výše uvedeném programovém kódu je posouvání zpracováno v selenu pomocí Akce třída. To se provádí vytvořením objektu třídy Akce předáním ovladače. Také jsme viděli použití vestavěné možnosti posouvání pro posouvání nahoru i pro posouvání dolů.

Výstup výše uvedeného kódu:

scrolldown1

(obraz zdroj )

posunout nahoru

Můžeme tedy vidět operace Scroll Down a Scroll Up prováděné pomocí Selenium Webdriver pomocí vestavěné možnosti posouvání NEBO pomocí Akce třídní metoda.

# 2) Používání JavascriptExecutor NEBO Pixel

Tato metoda pomáhá při posouvání webové stránky tím, že uvádí počet pixelů, o který se chceme posouvat nahoru nebo dolů. Níže je implementační kód pro posouvání Pixelem nebo pomocí 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 výše uvedeného kódu:

scroll_down2

Výše uvedený obrázek ukazuje posouvání dolů provedené hodnotou pixelu, jak je uvedeno ve výše uvedeném kódu, o 70 (dolů). Stejným způsobem se poté provede operace posouvání nahoru zadáním hodnoty pixelu = -50 (tj. Nahoru).

Níže uvedený obrázek ukazuje posouvání nahoru (o 50):

scroll_up2

V této metodě jsme tedy použili JavascriptExecutor a provedli Scroll nahoru a dolů poskytnutím hodnot pixelů.

Příklady / aplikace

Existuje mnoho aplikací nebo příkladů posuvníků. Několik z nich je popsáno níže:

# 1) Posuvníky v souborech aplikace Excel:

Jak víme, soubory Excel obsahují obrovské množství dat. Je obtížné zobrazit celý obsah na jedné stránce. Posouvání tedy může uživateli pomoci zobrazit data, která se na aktuální obrazovce nenacházejí.

5 příkladů programovacích jazyků na vysoké úrovni

soubory example_excel

# 2) Posouvání v poznámkovém bloku

example_notepad

Na výše uvedeném obrázku lze posuvníky vidět vodorovně a svisle, což poskytuje úplnou viditelnost dat v dokumentu poznámkového bloku.

# 3) Použití posuvníku v prohlížečích

example_browsers
Při čtení dat vidíme na obrazovce prohlížeče pouze poloviční data. Posouvání pomáhá posouvat dopředu, dozadu a nahoru-dolů, aby bylo k dispozici celé zobrazení. Díky využití vodorovných a svislých posuvníků lze tedy zobrazit celý obsah obrazovky prohlížeče.

Existuje mnoho dalších takových příkladů, které uživatelům pomáhají zobrazit úplná data zobrazená na obrazovce.

Závěr

V tomto kurzu jsme se dozvěděli o posuvných lištách, jejich typech. Také jsme viděli vytvořit a použít posuvník na stránce HTML

Pochopili jsme metody implementace kódu pro manipulaci s posuvníky pomocí Selenium, tj. Vestavěná možnost posouvání / použití třídy akcí a použití JavascriptExecutor / by Pixel a prošli několika aplikacemi, kde se běžně používají posuvníky.

=> Přečtěte si úplného průvodce selenem

Doporučené čtení

^