Меню

Как да се справя с лентата за превъртане в Selenium Webdriver

  • Основен
  • Други
  • Как да се справя с лентата за превъртане в Selenium Webdriver

how handle scroll bar selenium webdriver

Опитайте Нашия Инструмент За Премахване На Проблемите

Този урок обяснява лентите за превъртане, видовете ленти за превъртане и как да боравите с лентата за превъртане в Selenium:

Лентата за превъртане е тънка дълга секция в края на дисплея на компютъра. С помощта на лентата за превъртане можем да видим цялото съдържание или да видим цялата страница, докато превъртаме нагоре-надолу или наляво-надясно с помощта на мишка.

Първо, нека разберем някои термини като Knob, Track и Buttons, които се използват с препратка към лентите за превъртане.

=> Проверете ВСИЧКИ уроци за селен тук

нетни въпроси за интервю и отговори за опитни

Работа с лента за превъртане в селен

В този урок ще научим за типовете ленти за превъртане. Също така ще разгледаме лентата за превъртане в HTML, ще разберем изпълнението на код за обработка на лентата за превъртане в Selenium и накрая ще познаем примерите / приложенията, където лентите за превъртане се използват често.

Какво ще научите:

Разбиране на лентите за превъртане

Изображението по-долу показва 2 вида ленти за превъртане:

видове плъзгачи

Кои са копчето, следата и бутоните

Плъзгачите имат бутони в двата края на лентата, което може да бъде бутон напред и назад за хоризонтална лента за превъртане и бутон нагоре и надолу за вертикална лента за превъртане.

Копче е частта от лентата за превъртане, която е подвижна. Може да се движи наляво-надясно за хоризонтална лента за превъртане и нагоре-надолу за вертикална лента за превъртане.

Проследяване е секцията на лентата за превъртане, в която Knob може да се премести, за да се види цялото съдържание.

Изображението по-долу ясно обяснява концепцията:

Копче, песен и бутони

(изображение източник )

Видове ленти за превъртане

видове ленти за превъртане

По принцип има два вида:

  • Хоризонтална лента за превъртане
  • Вертикална лента за превъртане

# 1) Хоризонтална лента за превъртане

Хоризонталната лента за превъртане позволява на потребителя да превърта наляво или надясно, за да види цялото съдържание на прозореца.

хоризонтална лента за превъртане

как да видите .dat файл

Горното изображение показва хоризонтална лента за превъртане, маркирана в червено. Можем да видим, че лентата за превъртане може да бъде преместена отляво надясно или обратно, за да видите цялото съдържание, показано на екрана.

# 2) Вертикална лента за превъртане

Вертикалната лента за превъртане позволява на потребителя да превърта нагоре или обратно, за да види цялото съдържание на прозореца.

вертикална лента за превъртане

Горното изображение показва вертикална лента за превъртане, маркирана в червено. Виждаме, че лентата за превъртане може да бъде преместена от горе надолу или обратно, за да видите цялото съдържание, показвано на екрана.

Обикновено уеб страниците имат много съдържание и са добри примери за вертикални ленти за превъртане.

Лента за превъртане в HTML

Използва се много често на различни уебсайтове, системни приложения и почти навсякъде. Позволява на потребителите да разглеждат напълно съдържанието на страницата чрез превъртане нагоре-надолу или наляво-надясно.

Изображението по-долу е един такъв пример, създаден в Html:

превъртанеhtml

Вижте следния 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!

По този начин можем да видим Html страницата, която при превъртане надолу и нагоре с помощта на вертикална лента за превъртане пълното съдържание е видимо.

Код за работа с лента за превъртане в селен

Селенът се справя с операциите по превъртане по различни начини. Различните методи са както следва:

# 1) Използване на вградена опция за превъртане ИЛИ чрез използване на клас Действия

Превъртането може да се обработва в Selenium, като се използва вградена опция за превъртане, както е показано в долния код за изпълнение:

Синтаксисът на лентата за превъртане с помощта на вградени опции за превъртане:

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

Код за обработка на лентата за превъртане с помощта на вградена опция за превъртане.

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

В горния програмен код превъртането се обработва в Selenium с помощта Действия клас. Това се прави чрез създаване на обект от клас Action чрез предаване на драйвера. Също така видяхме използването на вградена опция за превъртане както за превъртане нагоре, така и за превъртане надолу.

Резултатът от горния код:

превъртане надолу1

(изображение източник )

превъртете нагоре

По този начин можем да видим операции с превъртане надолу и превъртане нагоре, извършени с помощта на Selenium Webdriver, използвайки вградена опция за превъртане ИЛИ с помощта на Действия клас метод.

# 2) Използване на JavascriptExecutor ИЛИ от Pixel

Този метод помага при превъртането на уеб страницата, като споменава броя на пикселите, с който искаме да превъртаме нагоре или надолу. По-долу е даден код за изпълнение за превъртане от Pixel или използване на 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..'); } }

Резултатът от горния код:

scroll_down2

Горното изображение показва превъртане надолу, извършено по стойност на пиксела, както е споменато в горния код, със 70 (надолу). По същия начин операцията за превъртане нагоре се извършва, като се предостави стойност на пиксела = -50 (т.е. нагоре).

Изображението по-долу показва превъртане нагоре (с 50):

scroll_up2

По този начин, в този метод, ние използвахме JavascriptExecutor и извършихме превъртане нагоре и надолу, като предоставихме пикселни стойности.

Примери / приложения

Има многобройни приложения или примери за ленти за превъртане. Малко от тях са, както е описано по-долу:

# 1) Ленти за превъртане във файлове на Excel:

Както знаем, че Excel файловете имат огромно количество данни, съхранявани в тях. Става трудно да видите цялото съдържание на една страница. Следователно превъртането може да помогне на потребителя да прегледа данните, които не присъстват на текущия екран.

най-добрите разработчици на игри, за които да работите

files_excel файлове

# 2) Превъртане в Notepad

example_notepad

На горното изображение лентите за превъртане могат да се видят хоризонтално и вертикално, осигурявайки пълна видимост на данните в документа на бележника.

# 3) Използване на лентата за превъртане в браузърите

example_browsers
Докато четем данните, можем да видим само половината данни на екрана на браузъра. Превъртането помага да се движите напред-назад и нагоре-надолу, за да имате целия изглед. Следователно, като използвате хоризонтални и вертикални ленти за превъртане, цялото съдържание на екрана на браузъра може да бъде видяно.

Има още много такива примери, които помагат на потребителите да видят пълните данни, показани на екрана.

Заключение

В този урок научихме за лентите за превъртане, техните видове. Също така видяхме да създаваме и използваме лентата за превъртане в HTML страница

Разбрахме методите за внедряване на код за работа с ленти за превъртане с помощта на Selenium, т.е.

=> Прочетете пълното ръководство за селен

Препоръчително четене

^