how handle scroll bar selenium webdriver
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
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:

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:

(resim kaynak )
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.

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.

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:

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ı:

(resim kaynak )

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ı:

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):

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

# 2) Not Defteri'nde Kaydırma

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ı
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
- Selenium WebDriver'da Uyarılar / Açılır Pencereler Nasıl İşlenir - Selenium Eğitimi # 16
- Selenium Webdriver ile Dosya Yükleme - 3 Yöntem
- Selenium WebDriver'da Radyo Düğmeleri Nasıl Seçilir?
- Selenium WebDriver'ı Farklı Popüler Tarayıcılarda Çalıştırma
- Selenium WebDriver switchTo () Yöntemini Kullanarak iFrame'leri Kullanma
- Selenium WebDriver'da Kapsam Raporları Oluşturma Kılavuzu
- Selenium WebDriver'da Dinamik XPath İçin XPath Eksenleri
- Jenkins'in Selenium WebDriver ile Entegrasyonu: Adım Adım Eğitim