Меню

Як обробляти смугу прокрутки в Selenium Webdriver

how handle scroll bar selenium webdriver

Спробуйте Наш Інструмент Для Усунення Проблем

Цей підручник пояснює смуги прокрутки, типи смуг прокрутки та способи обробки смуги прокрутки в Selenium:

Смуга прокрутки - це тонка довга секція на краю дисплея комп'ютера. За допомогою смуги прокрутки ми можемо переглядати весь вміст або переглядати всю сторінку, прокручуючи вгору-вниз або вліво-вправо за допомогою миші.

По-перше, давайте розберемося з деякими термінами, такими як Knob, Track і Buttons, які використовуються з посиланням на смуги прокрутки.

=> Перевірте ВСІ підручники з селену тут

c та c ++ відмінності

Обробка смуги прокрутки в селені

У цьому підручнику ми дізнаємося про типи смуг прокрутки. Ми також розглянемо смугу прокрутки в HTML, зрозуміємо реалізацію коду для обробки смуги прокрутки в Selenium і нарешті знаємо приклади / програми, де смуги прокрутки зазвичай використовуються.

Що ви дізнаєтесь:

Розуміння смуг прокрутки

На зображенні нижче показано 2 типи смуг прокрутки:

типи смуг прокрутки

Що таке ручка, доріжка та кнопки

Смуги прокрутки є кнопки на обох кінцях смуги, яка може бути кнопкою вперед та назад для горизонтальної смуги прокрутки та кнопкою вгору та вниз для вертикальної смуги прокрутки.

Ручка - частина рухомої смуги прокрутки. Його можна переміщати вліво-вправо для горизонтальної смуги прокрутки та вгору-вниз для вертикальної смуги прокрутки.

Трек - це розділ смуги прокрутки, на якому можна переміщати регулятор, щоб переглянути повний вміст.

Наведене нижче зображення чітко пояснює концепцію:

Ручка, доріжка та кнопки

(зображення джерело )

Типи смуг прокрутки

типи смуг прокрутки

В основному, існує 2 типи:

  • Горизонтальна смуга прокрутки
  • Вертикальна смуга прокрутки

# 1) Горизонтальна смуга прокрутки

Горизонтальна смуга прокрутки дозволяє користувачеві прокручувати вліво або вправо, щоб переглянути весь вміст у вікні.

горизонтальна смуга прокрутки

На зображенні вище зображена горизонтальна смуга прокрутки, виділена червоним кольором. Ми бачимо, що смугу прокрутки можна пересувати зліва направо або навпаки, щоб переглянути повний вміст, що відображається на екрані.

# 2) Вертикальна смуга прокрутки

Вертикальна смуга прокрутки дозволяє користувачеві прокручувати вгору або навпаки, щоб переглянути весь вміст у вікні.

вертикальна смуга прокрутки

На зображенні вище показано вертикальну смугу прокрутки, виділену червоним кольором. Ми бачимо, що смугу прокрутки можна переміщати вгору вниз або навпаки, щоб переглянути весь вміст, що відображається на екрані.

Зазвичай веб-сторінки мають багато вмісту і є гарними прикладами вертикальних смуг прокрутки.

Панель прокрутки в HTML

Він використовується дуже часто на різних веб-сайтах, у системних додатках та майже скрізь. Це дозволяє користувачам повністю переглядати вміст сторінки або прокручуючи вгору-вниз або вліво-вправо.

Наведене нижче зображення є одним із таких прикладів, створених у HTML:

найкраще програмне забезпечення віртуальної машини для Windows 10

прокрутка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

Цей метод допомагає прокручувати веб-сторінку, згадуючи кількість пікселів, за якою ми хочемо прокручувати вгору або вниз. Нижче наведено код реалізації для прокрутки за допомогою пікселів або використання 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 містять величезну кількість даних. Переглянути весь вміст на одній сторінці стає важко. Отже, прокрутка може допомогти користувачеві переглянути дані, яких немає на поточному екрані.

Запитання та відповіді на поведінкові інтерв’ю для тестування програмного забезпечення

файли example_excel

# 2) Прокрутка в Блокноті

example_notepad

На зображенні вище смуги прокрутки видно горизонтально та вертикально, забезпечуючи повну видимість даних у документі блокнота.

# 3) Використання смуги прокрутки у браузерах

example_browsers
Під час читання даних ми бачимо лише половину даних на екрані браузера. Прокрутка допомагає рухатися вперед-назад і вгору-вниз, щоб мати весь вигляд. Отже, використовуючи горизонтальну та вертикальну смуги прокрутки, можна переглянути весь вміст екрана браузера.

Є ще багато таких прикладів, які допомагають користувачам переглядати повні дані, що відображаються на екрані.

Висновок

У цьому підручнику ми дізналися про смуги прокрутки, їх типи. Ми також бачили, як створювати та використовувати смугу прокрутки на сторінці HTML

Ми зрозуміли методи реалізації коду для обробки смуг прокрутки за допомогою Selenium, тобто вбудованої опції прокрутки / за допомогою класу дій та використання JavascriptExecutor / від Pixel, і пройшли кілька програм, де смуги прокрутки зазвичай використовуються.

=> Прочитайте повний посібник із селену

Рекомендована література

^