Menü

Selenyum Konumlayıcılar: Selenyumda XPath Kullanarak Web Öğelerini Tanımlayın (Örnekler)

  • Ana
  • Otomasyon Testi
  • Selenyum Konumlayıcılar: Selenyumda XPath Kullanarak Web Öğelerini Tanımlayın (Örnekler)

selenium locators identify web elements using xpath selenium

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

Selenium Konumlandırıcıları Eğitimi: Örneklerle Selenium'da XPath Kullanarak Web Öğelerini Tanımlamayı Öğrenin

İçinde önceki eğitim , sizi Firebug adlı başka bir otomasyon test aracı ile tanıştırdık. Ayrıca Firebug ve yeteneklerini kullanarak kendi otomasyon komut dosyamızı manuel olarak oluşturduk. İstenilen değişiklikleri betiğimize eklemeyi de öğrendik.

Devam edersek, bu öğreticide, bir göz atacaktık. Selenium'daki çeşitli konumlandırıcılar ve test komut dosyaları oluşturmak için erişilebilirlik teknikleri . Bu nedenle, bu eğitim, çeşitli konumlandırıcı türlerine ayrıntılı girişten oluşur.

Bu bizim Selenium Eğitiminde 5. eğitim dizi.

Konum Belirleyici nedir?

Konumlandırıcı, bir web öğesini web sayfası içinde benzersiz bir şekilde tanımlayan bir adres olarak adlandırılabilir. Konumlayıcılar, Selenium'a eylemi gerçekleştirmesi gereken web öğesi hakkında bilgi veren bir web öğesinin HTML özellikleridir.

Selenyum içinde selenyum bulucular Xpath

Çok çeşitli web öğeleri vardır. Bunların arasında en yaygın olanları:

  • Metin kutusu
  • Buton
  • Yıkılmak
  • Köprü
  • Onay Kutusu
  • Radyo düğmesi

Ne öğreneceksin:

Bulucu Türleri

Bu unsurların belirlenmesi her zaman çok zor bir konu olmuştur ve bu nedenle doğru ve etkili bir yaklaşım gerektirir. Böylelikle, konumlandırıcının daha etkili, daha kararlı olmasının otomasyon betiği olacağını söyleyebiliriz. Esasen her Selenium komutu, yer belirleyicilerin web öğelerini bulmasını gerektirir. Bu nedenle, bu web öğelerini doğru ve kesin bir şekilde tanımlamak için farklı türde konumlandırıcılarımız vardır.

Selenium 1

Şimdi her birini bağımsız olarak uygulayarak daha iyi anlayalım.

Konum belirleyicilere başlamadan önce, test edilen uygulamayı tanıtmak için bir dakikanızı ayırın. Farklı konum belirleyici türleri kullanarak farklı web öğesi türlerini bulmak için “https://accounts.google.com/” kullanacağız.

Kimliği Konum Belirleyici Olarak Kullanma

Web öğesini tanımlamanın en iyi ve en popüler yöntemi kimlik kullanmaktır. Her öğenin kimliğinin benzersiz olduğu iddia edilmektedir.

Selenium 2

Bu örnekte, gmail.com adresindeki giriş formunda bulunan 'E-posta' metin kutusuna erişeceğiz.

Bir web öğesinin kimliğini bulma Firebug kullanarak

java açık jar dosyaları nasıl yapılır

Aşama 1 : Web tarayıcısını (Firefox) başlatın ve “https://accounts.google.com/” adresine gidin.

Adım 2 : Firebug'ı açın (F12'ye basarak veya araçlar aracılığıyla).

Aşama 3 : Web öğesini tanımlamak için inceleme simgesine tıklayın.

Selenyum Bulucular 1

4. adım : Üzerinde bazı eylemler gerçekleştirmek istediğimiz web öğesinin (bizim durumumuzda E-posta metin kutusu) üzerine gelin. Firebug bölümünde, ilgili HTML etiketlerinin vurgulandığını görebilirsiniz.

Selenyum Bulucular 2

Adım 5 : Kimlik özniteliğinin farkında olun ve not alın. Şimdi, tanımlanan kimliğin öğeyi benzersiz ve kusursuz bir şekilde bulup bulmadığını doğrulamamız gerekiyor.

Sözdizimi : id = öğenin kimliği

Bizim durumumuzda kimlik 'E-posta' dır.

Alternatif yaklaşım:

2'den 4'e kadar olan adımları takip etmek yerine, konum belirleyici değerini incelememiz gereken web öğesine (E-posta Metin Kutusu) sağ tıklayıp 'Firebug ile Öğeyi İncele' seçeneğine tıklayarak web öğesini doğrudan bulabilir / inceleyebiliriz. Bu nedenle, bu tıklama etkinliği, firebug bölümünün genişletilmesini tetikler ve ilgili HTML etiketi vurgulanır.

Selenyum Bulucular 3

Konum belirleyici değerini doğrulayın

Tarayıcının açık olduğunu ve “https://accounts.google.com/” adresine yeniden yönlendirildiğini varsayarsak.

Aşama 1 : Selenium IDE'yi başlatın.

Adım 2 : Editör bölümündeki ilk satıra tıklayın.

Aşama 3 : 'İd = Email' yazın, yani hedef kutuya konum belirleyici değerini yazın.

4. adım : Bul Düğmesine tıklayın. Sağlanan konum belirleyici değeri geçerliyse, E-posta metin kutusu, alanın etrafında flüoresan yeşil bir kenarlıkla sarı renkle vurgulanacaktır. Sağlanan konum belirleyici değeri yanlışsa, Selenium IDE'nin altındaki günlük bölmesinde bir hata mesajı yazdırılır.

Dava 1 - Konum Belirleyici Değeri = Doğru

Selenyum Bulucular 4

Durum 2 - Konum Belirleyici Değeri = Yanlış

Selenyum Bulucular 5

Adım 5 : Daha fazla doğrulamak için, bir kullanıcı 'Değer' alanına bir değer girerek verilen hedefe karşı 'yaz' komutunu da çalıştırabilir. Komutun yürütülmesi E-posta metin kutusuna belirtilen değeri girerse, bu, tanımlanan konumlandırıcı türünün doğru ve erişilebilir olduğu anlamına gelir.

ClassName'i Konumlayıcı Olarak Kullanma

ID'yi bir yer belirleyici olarak kullanmak ile sınıf adını bir yer belirleyici olarak kullanmak arasında yalnızca ince bir fark vardır.

Bu örnekte, 'Yardıma mı İhtiyacınız Var?' gmail.com adresindeki giriş formunun altında bulunan köprü.

Bir web öğesinin sınıf adını bulma Firebug kullanarak

Aşama 1 : Konum belirleyici değerini incelememiz gereken web öğesine sağ tıklayıp 'Firebug ile Öğeyi İncele' seçeneğine tıklayarak web öğesini bulun / inceleyin (bizim durumumuzda 'Yardıma mı ihtiyacınız var?' Bağlantısı).

Adım 2 : Sınıf adı özelliğinin farkında olun ve not alın. Şimdi, belirtilen sınıf adının öğeyi benzersiz ve doğru bir şekilde bulup bulmadığını doğrulamamız gerekiyor.

Selenyum Bulucular 6

Sözdizimi: sınıf = elemanın sınıf adı

Bizim durumumuzda, sınıf adı 'ihtiyaç-tersine çevirme' dir.

Konum belirleyici değerini doğrulayın

Aşama 1 : Selenium IDE'deki hedef kutusuna “sınıf = ihtiyaç-yardım-tersine çevir” yazın.

Adım 2 : Bul Düğmesine tıklayın. Köprünün alanın etrafında floresan yeşil bir kenarlıkla sarı renkle vurgulanacağına dikkat edin.

(Büyütülmüş resmi görebilmek için tıklayın)

Selenyum Bulucular 7

Adı Konum Belirleyici olarak kullanma

Adı kullanarak bir web öğesini bulmak, önceki iki konum belirleyici türüne çok benzer. Tek fark sözdizimindedir.

Bu örnekte, gmail.com adresindeki giriş formunda bulunan 'Şifre' metin kutusuna erişeceğiz.

Sözdizimi: isim = elemanın adı

Bizim durumumuzda adı 'Passwd' dir.

Konum belirleyici değerini doğrulayın

Aşama 1 : Hedef kutusuna “name = Passwd” yazın ve Bul Düğmesine tıklayın. 'Parola' metin kutusunun vurgulanacağına dikkat edin.

Bağlantı Metnini Konum Belirleyici Olarak Kullanma

Bir web sayfasındaki tüm köprüler Bağlantı Metni kullanılarak tanımlanabilir. Bir web sayfasındaki bağlantılar, çapa etiketi yardımıyla belirlenebilir ( ). Bağlantı etiketi, bir web sayfasında köprü oluşturmak için kullanılır ve bağlantı etiketlerinin açılması ve kapanması arasındaki metin, bağlantı metnini oluşturur ( Bazı metin ).

Bu örnekte, gmail.com adresindeki giriş formunun altında bulunan 'Hesap oluştur' bağlantısına erişeceğiz.

Firebug kullanarak bir web öğesinin bağlantı metnini bulma

Aşama 1 : Konum belirleyici değerini incelememiz gereken web öğesine sağ tıklayıp 'Firebug ile Öğeyi İncele' seçeneğine tıklayarak web öğesini bulun / inceleyin (bizim durumumuzda 'Hesap oluştur' bağlantısı).

Adım 2 : İçinde bulunan metin hakkında bilgi sahibi olun. etiketleyin ve not alın. Dolayısıyla bu metin, bir web sayfasındaki bağlantıyı benzersiz bir şekilde tanımlamak için kullanılacaktır.

(Büyütülmüş resmi görebilmek için tıklayın)

Selenyum Bulucular 8

eps dosyasını nasıl açarım

Sözdizimi: link = elemanın bağlantı metni

Bizim durumumuzda, bağlantı metni 'Hesap oluştur' dur.

Konum belirleyici değerini doğrulayın

Aşama 1 : 'Link = Create an account' yazın, yani Selenium IDE'deki hedef kutuya konum belirleyici değerini yazın.

Adım 2 : Bul Düğmesine tıklayın. Bağlantının, alanın çevresinde floresan yeşil bir kenarlıkla sarı renkle vurgulanacağına dikkat edin.

Selenyum Bulucular 9

Bulucu olarak XPath kullanma

Xpath, XML yoluna dayalı olarak bir web öğesini bulmak için kullanılır. XML, Genişletilebilir İşaretleme Dili anlamına gelir ve rastgele verileri depolamak, düzenlemek ve taşımak için kullanılır. Verileri, HTML etiketlerine çok benzeyen bir anahtar / değer çiftinde depolar. Hem biçimlendirme dilleri hem de aynı şemsiyenin altına düştüklerinden, xpath HTML öğelerini bulmak için kullanılabilir.

Xpath kullanarak öğeleri konumlandırmanın arkasındaki temel, tüm sayfa boyunca çeşitli öğeler arasında geçiş yapmak ve böylece bir kullanıcının başka bir öğenin referansıyla bir öğeyi bulmasını sağlamaktır.

Xpath iki şekilde oluşturulabilir:

Göreli Xpath

Göreli Xpath, geçerli konumdan başlar ve bir '//' ile başlar.

Örneğin: // span (@ class = ’Email’)

Mutlak Xpath

Mutlak Xpath bir kök yolu ile başlar ve bir '/' ile başlar.

Örneğin: / HTML / body / div / div (@ id = ’Email’)

Anahtar noktaları:

  • Xpath kullanarak bir eleman bulmanın başarı oranı çok yüksek. Önceki ifadeyle birlikte, Xpath bir web sayfasındaki nispeten tüm öğeleri bulabilir. Bu nedenle, Xpath'ler kimliği, sınıfı veya adı olmayan öğeleri bulmak için kullanılabilir.
  • Geçerli bir Xpath oluşturmak zor ve karmaşık bir süreçtir. Xpath oluşturmak için mevcut eklentiler vardır, ancak oluşturulan Xpath'ler çoğu zaman web öğesini doğru bir şekilde tanımlayamaz.
  • Xpath oluştururken, kullanıcı çeşitli isimlendirme ve protokollerin farkında olmalıdır.

Selenium XPath Örnekleri:

deneyimli pdf için sql server 2012 röportaj soruları ve cevapları

Xpath Denetleyicisi

Xpath Denetleyicisini kullanarak Xpath oluşturmak biraz daha basit hale gelir. Xpath Checker, bir web öğesi için Xpath'i otomatik olarak oluşturan bir Firefox eklentisidir. Eklenti, diğer eklentiler gibi indirilebilir ve yüklenebilir. Eklenti 'https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/' adresinden indirilebilir.

Eklenti kurulur kurulmaz, bağlam menüsünde xpath'i oluşturmak istediğimiz herhangi bir elemana sağ tıklanarak görülebilir.

Selenyum Bulucular 10

Elemanın Xpath ifadesini görmek için 'Xpath'i Görüntüle' ye tıklayın. Oluşturulan Xpath ifadesiyle bir düzenleyici penceresi görünecektir. Artık kullanıcı, oluşturulan Xpath ifadesini düzenleme ve değiştirme özgürlüğüne sahiptir. İlgili sonuçlar kümülatif olarak güncellenecektir.

Selenyum Bulucular 11

XPath Checker'ın diğer tarayıcılar için de mevcut olduğunu unutmayın.

Ancak, oluşturulan Xpath'lerin çoğu zaman web öğesini doğru bir şekilde tanımlamada başarısız olduğu gerçeğini yineleyerek. Bu nedenle, önceden tanımlanmış kuralları ve protokolleri izleyerek kendi Xpath'imizi oluşturmanız önerilir.

Bu örnekte, gmail.com adresindeki giriş formunun üst kısmında bulunan 'Google' resmine erişeceğiz.

Bir web elemanının Xpath'ini oluşturma

Aşama 1 : “// img (@ class =’ logo ’)” yazın, yani Selenium IDE içindeki hedef kutuya yer belirleyici değeri yazın.

Sözdizimi: Öğenin X yolu

Adım 2 : Bul Düğmesine tıklayın. Görüntünün, alanın etrafında flüoresan yeşil bir kenarlıkla sarı renkle vurgulanacağına dikkat edin.

Selenyum Bulucular 12

Sonuç

İşte bu makalenin püf noktaları.

  • Konumlayıcılar, Selenium'a eylemler gerçekleştirmesi gereken web öğesi hakkında bilgi veren bir web öğesinin HTML özellikleridir.
  • Bir kullanıcının düzenli olarak etkileşime girmesi gerekebilecek çok çeşitli web öğeleri vardır. Bunlardan bazıları şunlardır: Metin Kutusu, Düğme, Aşağı Açılır, Köprü, Onay Kutusu ve Radyo Düğmesi.
  • Çeşitli web öğeleri yelpazesiyle, bu web öğelerini bulmak için çok çeşitli stratejiler / yaklaşımlar gelir.
  • Yaygın olarak kullanılan konum belirleyici türlerinden bazıları ID, ClassName, Link Text, XPath, CSS Seçiciler ve Ad'dır.

Not: CSS Seçici ve XPath oluşturmanın çok fazla çaba ve pratik gerektirmesi nedeniyle, işlem yalnızca daha gelişmiş ve eğitimli kullanıcılar tarafından gerçekleştirilir.

Bu eğitimde, Selenium Xpath dahil olmak üzere farklı konumlandırıcı türlerini öğrendik.

Sonraki Eğitim # 6 : Bu Selenium Locator türleri öğreticisinin devamında nasıl kullanılacağını öğreneceğiz Konumlandırıcı Olarak CSS Seçici.

Herhangi bir sorunuz var mı? Yorumlarda bize bildirin. Hepsini çözmeye çalışacağız.

Önerilen Kaynaklar

^