how locate elements chrome
Bu, Selenium Çevrimiçi Eğitim Serimizdeki 7 numaralı öğreticidir. Bu serideki tüm Selenium eğitimlerini kontrol etmek istiyorsanız lütfen kontrol edin bu sayfa .
Önceki eğitimde, Selenium'daki çeşitli konumlandırıcı türlerine ve test komut dosyaları oluşturmak için bunların konum bulma mekanizmalarına ışık tutmaya çalıştık. Öğretici, birincil olarak farklı konum belirleyici türlerinin kısa girişinden oluşuyordu. Kimlik, Sınıflar, Xpaths, Bağlantı metinleri , CSS Seçiciler vb. ve bunların kimliği.
Bir sonraki öğreticimizle devam ederken, size konum belirleme stratejilerinin bir uzantısı ile tanışma fırsatını değerlendireceğiz. Böylece, sonraki eğitim, Google Chrome ve Internet Explorer'da web öğelerini bulma mekanizmasını inceleyecektik.
Hepimiz internet kullanıcı tabanında hızlı bir büyüme olduğunun farkında olduğumuz için, paydaşlar ve programcılar çoğu tarayıcıda çalışacak web uygulamaları geliştiriyorlar.
Bu nedenle, web uygulamanızın Firefox'u desteklemediği, ancak Chrome ve Internet Explorer için iyi çalıştığı bir durum hayal edin.
Şimdi böyle bir uygulamayı Selenium kullanarak nasıl otomatikleştireceksiniz? Veya daha spesifik olmak gerekirse, Chrome ve Internet Explorer'da web öğelerini nasıl bulacağınız. Bu nedenle, cevap bu eğitimde öndedir.
perl röportaj soruları ve cevapları pdf
Ne öğreneceksin:
Google Chrome'da Web Öğelerini Bulma
Google Chrome'daki konum belirleme stratejilerini anlamakla başlayalım.
Firefox'taki Firebug gibi, Google Chrome da kendi geliştirici aracı Bu, web sayfasındaki web öğelerini tanımlamak ve bulmak için kullanılabilir. Firebug'ın aksine, kullanıcının ayrı bir eklenti indirmesi veya yüklemesi gerekmez; geliştirici aracı, Google Chrome ile birlikte gelir.
Chrome’un Geliştirici aracını kullanarak web öğelerini bulmak için aşağıdaki adımları izleyin:
Aşama 1: Birincil adım, Google Chrome’un Geliştirici aracını başlatmaktır. Aracı başlatmak için F12'ye basın. Kullanıcı aşağıdaki ekran gibi bir şey görebilir.
Yukarıdaki ekran görüntüsünde 'Öğe' sekmesinin vurgulandığına dikkat edin. Dolayısıyla, element sekmesi, mevcut web sayfasına ait tüm HTML özelliklerini görüntüleyen sekmedir. Başlangıçta varsayılan olarak açılmadıysa 'Öğe' sekmesine gidin.
Ayrıca web sayfasında herhangi bir yere sağ tıklayarak ve firebug incelemesine çok benzeyen 'Öğeyi incele' yi seçerek geliştirici aracını başlatabilirsiniz.
Adım 2: Bir sonraki adım, web sayfasında istenen nesneyi bulmaktır. Aynısını yapmanın bir yolu, istenen web öğesine sağ tıklayıp incelemektir. Bu web öğesine ait olan HTML özelliği, geliştirici aracında vurgulanacaktır. Başka bir yol, HTML özelliklerinin üzerinde gezinmektir ve eşleşen web öğesi vurgulanır. Böylece, kullanıcı bu şekilde kimlikleri, sınıfı, bağlantıları vb. Bulabilir.
Geliştirici Aracında Xpath Oluşturma
Son derste Xpaths'i zaten tartışmıştık. Ayrıca yaratma stratejisini de tartıştık. Burada tartışmamızı, Chrome’un Geliştirici aracında oluşturulan XPath’in geçerliliğini kontrol etmeye dayandıracağız.
Aşama 1: Geliştirici aracında XPath oluşturmak için konsol sekmesini açın.
Adım 2: Oluşturulan Xyolunu yazın ve $ x içine alın (“// input (@ id =’ E-posta ’)”)
Aşama 3: Belirtilen Xpath ile eşleşen tüm HTML öğelerini görmek için enter tuşuna basın. Bizim durumumuzda, eşleşen yalnızca bir HTML öğesi vardır. Söz konusu HTML öğesinin üzerine gelin ve ilgili web öğesi web sayfasında vurgulanacaktır.
Bu şekilde, tüm Xpath'ler konsol içinde oluşturulabilir ve geçerlilikleri kontrol edilebilir.
Web öğesine karşılık gelen CSS ile ilgili bilgiler Chrome’un Geliştirici aracında bulunabilir. Aşağıdaki ekran görüntüsüne bakın:
Internet Explorer'da Web Öğelerini Bulma
Google Chrome gibi, Internet Explorer'ın ayrıca kendi Geliştirici Aracı vardır web sayfasındaki özelliklerine göre web öğelerini tanımlamak için kullanılabilir. Kullanıcının ayrı bir eklenti indirmesi veya yüklemesi gerekmez; geliştirici aracı, Internet Explorer ile birlikte gelir.
IE Developer aracını kullanarak web öğelerini bulmak için aşağıdaki adımları izleyin:
Aşama 1: Birincil adım, IE Developer aracını başlatmaktır. Aracı başlatmak için F12'ye basın. Kullanıcı aşağıdaki ekran gibi bir şey görebilir.
Yukarıdaki ekran görüntüsünde 'HTML' sekmesinin vurgulandığına dikkat edin. Dolayısıyla, HTML sekmesi, mevcut web sayfasına ait tüm HTML özelliklerini görüntüleyen sekmedir. Geçerli web sayfasına ait tüm web öğelerinin özelliklerini görüntülemek için HTML sekmesini genişletin.
Adım 2: Bir sonraki adım, web sayfasında istenen nesneyi bulmaktır. Bunun bir yolu, HTML öğesini seçmektir ve eşleşen web öğesi vurgulanacaktır. Böylece, kullanıcı bu şekilde kimlikleri, sınıfı, bağlantıları vb. Bulabilir. İlgili HTML özelliğini seçer seçmez E-posta Metin Kutusunun vurgulanacağı aşağıdaki ekran görüntüsüne göz atın.
Web öğesini bulmanın başka bir yolu, üst menüde bulunan “Bul” düğmesine tıklamak ve web sayfası içinde istenen web öğesine tıklamaktır. Sonuç olarak, karşılık gelen HTML özellikleri vurgulanacaktır.
Böylece, geliştirici aracını kullanarak, bir kullanıcı kimlikleri, sınıfları, etiket adlarını bulabilir ve web öğelerini bulmak için Xpath'ler oluşturabilir.
Chrome’un Geliştirici aracı gibi, IE geliştirici aracının da CSS ile ilgili bilgileri görüntüleyen ayrı bir bölümü vardır. Aşağıdaki ekran görüntüsüne bakın.
Sonuç
Bu eğiticide, Google Chrome ve Internet Explorer için Geliştirici aracını kullanarak temel öğe bulma stratejilerine ışık tuttuk.
Sonraki Eğitim # 8 : Bir sonraki eğitimimizle devam ederken, sizi WebDriver adlı daha gelişmiş bir araçla tanıştırmaktan memnuniyet duyarız. WebDriver, en zorlayıcı otomasyon test araçlarından biridir. Bu nedenle, bir sonraki eğitimimizde, tartışmalarımızı WebDriver ve onun tüm özü etrafında yönlendirecek ve temel alacağız.
Önerilen Kaynaklar
- Çeşitli Türlerde WebDriver Komutlarını Kullanarak Web Öğelerinin Görünürlüğünü Kontrol Edin - Selenium Eğitimi # 14
- Selenium WebDriver'a Giriş - Selenium Eğitimi # 8
- Selenium Scriptler için Web Öğelerini Tanımlamak için CSS Seçici Nasıl Kullanılır - Selenium Tutorial # 6
- Etkili Selenium Komut Dosyası Oluşturma ve Sorun Giderme Senaryoları - Selenium Eğitimi # 27
- Günlüklerle Selenium Komut Dosyalarında Hata Ayıklama (Log4j Eğitimi) - Selenium Eğitimi # 26
- 30+ En İyi Selenyum Öğreticisi: Gerçek Örneklerle Selenyum Öğrenin
- Salatalık Selenium Eğitimi: Salatalık Java Selenium WebDriver Entegrasyonu
- Bir Web Sayfasındaki Açılır Öğeleri Kullanmak için Selenium Select Sınıfı Kullanımı - Selenium Eğitimi # 13