Menü

Selenium Webdriver'da Kaydırma Çubuğu Nasıl Kullanılır

  • Ana
  • Diğer
  • Selenium Webdriver'da Kaydırma Çubuğu Nasıl Kullanılır

how handle scroll bar selenium webdriver

Sorunları Ortadan Kaldırmak Için Enstrümanımızı Deneyin

Bu eğitimde Kaydırma Çubukları, Kaydırma Çubukları türleri ve Selenium'da Kaydırma Çubuğu'nun nasıl kullanılacağı açıklanmaktadır:

Kaydırma çubuğu, bilgisayar ekranının kenarında ince uzun bir bölümdür. Kaydırma çubuğunu kullanarak tüm içeriği görüntüleyebilir veya bir fare yardımıyla yukarı-aşağı veya sola-sağa kaydırırken sayfanın tamamını görüntüleyebiliriz.

Öncelikle, kaydırma çubuklarına referansla kullanılan Düğme, Parça ve Düğmeler gibi bazı terimleri anlayalım.

=> TÜM Selenium Öğreticilerini Buradan Kontrol Edin

wifi güvenlik anahtarı nedir

Selenium

Bu eğitimde Kaydırma çubuğu türleri hakkında bilgi edineceğiz. Ayrıca HTML'deki Kaydırma çubuğuna bakacağız, Selenium'da Kaydırma çubuğunu işlemek için kodun uygulanmasını anlayacağız ve son olarak Kaydırma çubuklarının yaygın olarak kullanıldığı örnekleri / uygulamaları öğreneceğiz.

Ne öğreneceksin:

Kaydırma Çubuklarını Anlamak

Aşağıdaki resimde 2 tür kaydırma çubuğu gösterilmektedir:

kaydırma çubuğu türleri

Düğme, Parça Ve Düğmeler Nedir

Kaydırma çubuklarında düğmeler yatay kaydırma çubuğu için ileri ve geri düğmesi ve dikey kaydırma çubuğu için yukarı ve aşağı düğmesi olabilecek çubuğun her iki ucunda.

Topuzu kaydırma çubuğunun hareketli kısmıdır. Yatay kaydırma çubuğu için sola-sağa, dikey kaydırma çubuğu için yukarı-aşağı hareket ettirilebilir.

Izlemek İçeriğin tamamını görüntülemek için üzerinde Düğmenin hareket ettirilebildiği kaydırma çubuğu bölümüdür.

Aşağıdaki görüntü kavramı açıkça açıklamaktadır:

Topuz, Parça ve Düğmeler

(resim kaynak )

Kaydırma Çubuğu Türleri

kaydırma çubuğu türleri

Temel olarak 2 tür vardır:

  • Yatay kaydırma çubuğu
  • Dikey kaydırma çubuğu

# 1) Yatay Kaydırma çubuğu

Yatay bir kaydırma çubuğu, kullanıcının penceredeki tüm içeriği görüntülemek için sola veya sağa kaydırmasını sağlar.

yatay kaydırma çubuğu

Yukarıdaki görüntü, kırmızıyla vurgulanmış yatay bir kaydırma çubuğunu göstermektedir. Ekranda görüntülenen içeriğin tamamını görüntülemek için kaydırma çubuğunun soldan sağa veya tersi yönde hareket ettirilebileceğini görebiliriz.

# 2) Dikey Kaydırma çubuğu

Dikey bir kaydırma çubuğu, kullanıcının pencerede tüm içeriği görüntülemek için yukarı-aşağı veya tersi yönde kaydırmasını sağlar.

dikey kaydırma çubuğu

Yukarıdaki görüntü, kırmızıyla vurgulanmış dikey bir kaydırma çubuğunu göstermektedir. Ekranda görüntülenen içeriğin tamamını görüntülemek için kaydırma çubuğunun yukarıdan aşağıya veya tersi yönde hareket ettirilebileceğini görebiliriz.

Genellikle web sayfalarında çok fazla içerik bulunur ve dikey kaydırma çubuklarına sahip olmanın iyi örnekleridir.

HTML'de Kaydırma Çubuğu

Farklı web sitelerinde, sistem uygulamalarında ve hemen hemen her yerde çok yaygın olarak kullanılmaktadır. Kullanıcıların sayfadaki içeriği yukarı-aşağı veya sola-sağa kaydırarak tam olarak görüntülemesini sağlar.

Aşağıdaki görüntü, Html'de oluşturulmuş böyle bir örnektir:

scrollhtml

Yukarıdaki resim için aşağıdaki Html koduna bakın:

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!

Böylece dikey bir kaydırma çubuğu yardımıyla aşağı ve yukarı kaydırıldığında tüm içeriğin görüntülenebilir olduğu Html sayfasını görebiliyoruz.

Selenyumda Kaydırma Çubuğunu Kullanma Kodu

Selenium, kaydırma işlemlerini farklı şekillerde gerçekleştirir. Farklı yöntemler aşağıdaki gibidir:

# 1) Yerleşik kaydırma seçeneğini kullanmak VEYA Eylemler sınıfını kullanarak

Kaydırma, aşağıdaki uygulama kodunda gösterildiği gibi yerleşik bir kaydırma seçeneği kullanılarak Selenium'da işlenebilir:

deneyimli kişiler için web hizmetleri mülakat soruları ve cevapları

Yerleşik kaydırma seçeneklerini kullanan kaydırma çubuğu sözdizimi:

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

İşleme kodu Yerleşik bir kaydırma seçeneği kullanan Kaydırma çubuğu.

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

Yukarıdaki program kodunda kaydırma işlemi Selenium'da şu şekilde yapılır: Hareketler sınıf. Bu, sürücüyü geçerek Eylemler sınıfının bir nesnesini oluşturarak yapılır. Ayrıca, yukarı kaydırma ve aşağı kaydırma için yerleşik bir kaydırma seçeneğinin kullanıldığını gördük.

Yukarıdaki kodun çıktısı:

kaydırma1

(resim kaynak )

yukarı kaydırmak

Böylece, Selenium Webdriver yardımı ile yerleşik bir kaydırma seçeneği kullanılarak VEYA kullanılarak gerçekleştirilen Aşağı Kaydırma ve Yukarı Kaydırma işlemlerini görebiliriz. Hareketler sınıf yöntemi.

# 2) JavascriptExecutor VEYA Pixel kullanarak

Bu yöntem, yukarı veya aşağı kaydırmak istediğimiz piksel sayısından bahsederek web sayfasını kaydırmaya yardımcı olur. Aşağıda, Piksel ile Kaydırma veya JavascriptExecutor'u kullanma için uygulama kodu verilmiştir.

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

Yukarıdaki kodun çıktısı:

scroll_down2

Yukarıdaki görüntü, yukarıdaki kodda 70 (aşağı doğru) belirtildiği gibi piksel değerine göre aşağı kaydırmayı gösterir. Aynı şekilde, yukarı kaydırma işlemi, piksel değeri = -50 (yani yukarı doğru) sağlanarak gerçekleştirilir.

Aşağıdaki resim yukarı kaydırmayı gösterir (50'ye kadar):

scroll_up2

Böylelikle bu yöntemde JavascriptExecutor'u kullandık ve piksel değerleri sağlayarak aşağı yukarı Scroll yaptık.

Örnekler / Uygulamalar

Kaydırma çubuğunun çok sayıda uygulaması veya örneği vardır. Birkaçı aşağıda açıklandığı gibidir:

# 1) Excel dosyalarındaki kaydırma çubukları:

Excel dosyalarının içinde depolanan büyük miktarda veriye sahip olduğunu bildiğimiz gibi. İçeriğin tamamını tek bir sayfada görüntülemek zorlaşıyor. Dolayısıyla, kaydırma, kullanıcının mevcut ekranda olmayan verileri görüntülemesine yardımcı olabilir.

ücretsiz web sitesinden e-posta adreslerini çıkarın

example_excel dosyaları

# 2) Not Defteri'nde Kaydırma

örnek_not defteri

Yukarıdaki resimde, kaydırma çubukları yatay ve dikey olarak görülebilir ve not defteri belgesindeki verilerin tam görünürlüğünü sağlar.

# 3) Tarayıcılarda Kaydırma çubuğunun kullanımı

örnek_tarayıcılar
Verileri okurken, tarayıcı ekranında yalnızca yarı veriyi görebiliriz. Kaydırma, tüm görünüme sahip olmak için ileri-geri ve yukarı-aşağı hareket etmeye yardımcı olur. Bu nedenle, yatay ve dikey Kaydırma çubuklarından yararlanılarak, tüm tarayıcı ekranının içeriği görüntülenebilir.

Kullanıcıların ekranda görüntülenen tüm verileri görüntülemesine yardımcı olan daha birçok örnek vardır.

Sonuç

Bu eğitimde kaydırma çubukları ve türleri hakkında bilgi edindik. Ayrıca HTML Sayfasında kaydırma çubuğunu oluşturup kullandığımızı gördük.

Selenium, yani yerleşik kaydırma seçeneği / eylemler sınıfını kullanma ve JavascriptExecutor / by Pixel kullanarak kaydırma çubuklarını işlemek için kod uygulama yöntemlerini anladık ve kaydırma çubuklarının yaygın olarak kullanıldığı birkaç uygulamadan geçtik.

=> Tam Selenyum Kılavuzunu Okuyun

Önerilen Kaynaklar

^