Menü

Selenium WebDriver'da Dinamik XPath İçin XPath Eksenleri

  • Ana
  • Diğer
  • Selenium WebDriver'da Dinamik XPath İçin XPath Eksenleri

xpath axes dynamic xpath selenium webdriver

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

Bu Eğitim, Selenium WebDriver'da Dinamik XPath için XPath Eksenlerini Kullanılan Çeşitli XPath Eksenlerinin, Yapının Örnekleri ve Açıklamasının Yardımıyla Açıklar:

Önceki eğitimde, XPath fonksiyonları ve elementi tanımlamadaki önemi hakkında bilgi edindik. Bununla birlikte, birden fazla öğe çok benzer yönelim ve adlandırmaya sahip olduğunda, öğeyi benzersiz bir şekilde tanımlamak imkansız hale gelir.

=> Mükemmel Selenium Eğitim Kılavuzuna Buradan Bakabilirsiniz.

Selenyumda Dinamik Xpath için Xpath Eksenleri

Ne öğreneceksin:

XPath Eksenlerini Anlamak

Yukarıda belirtilen senaryoyu bir örnek yardımıyla anlayalım.

'Düzenleme' metnine sahip iki bağlantının kullanıldığı bir senaryo düşünün. Bu tür durumlarda, HTML’nin düğüm yapısını anlamak uygun hale gelir.

Lütfen aşağıdaki kodu not defterine kopyalayıp yapıştırın ve .htm dosyası olarak kaydedin.

Edit Edit

Kullanıcı arayüzü aşağıdaki ekran gibi görünecektir:

SOĞAN

Sorun bildirimi

S # 1) XPath İşlevleri bile öğeyi tanımlayamadığında ne yapmalı?

Cevap: Böyle bir durumda, XPath Fonksiyonları ile birlikte XPath Eksenlerini kullanırız.

Bu makalenin ikinci bölümü, öğeyi tanımlamak için hiyerarşik HTML biçimini nasıl kullanabileceğimizle ilgilidir. XPath Eksenleri hakkında biraz bilgi alarak başlayacağız.

S # 2) XPath Eksenleri nedir?

Cevap: Bir XPath eksenleri, düğüm kümesini geçerli (bağlam) düğüme göre tanımlar. O ağaçtaki düğüme göre olan düğümü bulmak için kullanılır.

S # 3) Bağlam Düğümü nedir?

Cevap: Bir bağlam düğümü, XPath işlemcisinin şu anda baktığı düğüm olarak tanımlanabilir.

Selenyum Testinde Kullanılan Farklı XPath Eksenleri

Aşağıda listelenen on üç farklı eksen vardır. Ancak Selenium testi sırasında hepsini kullanmayacağız.

  1. Ata : Bu eksen, bağlam düğümüne göre tüm ataları gösterir ve ayrıca kök düğüme kadar ulaşır.
  2. ata veya benlik: Bu, bağlam düğümünü ve bağlam düğümüne göre tüm ataları gösterir ve kök düğümü içerir.
  3. özellik: Bu, bağlam düğümünün niteliklerini gösterir. “@” Sembolü ile temsil edilebilir.
  4. çocuk: Bu, bağlam düğümünün çocuklarını gösterir.
  5. aşağı doğru: Bu, bağlam düğümünün çocuklarını, torunlarını ve çocuklarını (varsa) gösterir. Bu, Nitelik ve Ad Alanını GÖSTERMEZ.
  6. soy veya kendilik: Bu, bağlam düğümünün bağlam düğümünü ve alt öğelerini, torunları ve çocuklarını (varsa) gösterir. Bu, özniteliği ve ad alanını GÖSTERMEZ.
  7. takip etme: Bu, görünen tüm düğümleri gösterir sonra HTML DOM yapısındaki bağlam düğümü. Bu, nesli, özniteliği ve ad alanını GÖSTERMEZ.
  8. aşağıdaki kardeş: Bu, tüm kardeş düğümleri (bağlamsal düğüm ile aynı ebeveyn) gösterir. görünmek HTML DOM yapısındaki bağlam düğümünden sonra. Bu, nesli, özniteliği ve ad alanını GÖSTERMEZ.
  9. ad alanı: Bu, bağlamsal düğümün tüm isim-alanı düğümlerini gösterir.
  10. ebeveyn: Bu, bağlamsal düğümün ebeveynini gösterir.
  11. önceki: Bu, görünen tüm düğümleri gösterir önce HTML DOM yapısındaki bağlam düğümü. Bu, nesli, özniteliği ve ad alanını GÖSTERMEZ.
  12. preceding-sibling: Bu, görünen tüm kardeş düğümleri (bağlamsal düğüm ile aynı ebeveyn) gösterir önce HTML DOM yapısındaki bağlam düğümü. Bu, nesli, özniteliği ve ad alanını göstermez.
  13. öz: Bu, bağlam düğümünü gösterir.

XPath Eksenlerinin Yapısı

XPath Eksenlerinin nasıl çalıştığını anlamak için aşağıdaki hiyerarşiyi düşünün.

Xpath Eksenleri çalışma hiyerarşisi

Yukarıdaki örnek için aşağıda basit bir HTML koduna bakın. Lütfen aşağıdaki kodu not defteri düzenleyicisine kopyalayıp yapıştırın ve .html dosyası olarak kaydedin.

Animal

Vertebrate

Fish

Mammal

Herbivore
Carnivore
Lion
Tiger

Other

Invertebrate

Insect

Crustacean

Sayfa aşağıdaki gibi görünecektir. Misyonumuz, öğeleri benzersiz bir şekilde bulmak için XPath Eksenlerinden yararlanmaktır. Yukarıdaki grafikte işaretlenen öğeleri belirlemeye çalışalım. Bağlam düğümü 'Memeli'

# 1) Ata

Günlük: Üst öğeyi bağlam düğümünden tanımlamak için.

XPath # 1: // div (@ class = ’Memeli’) / ancestor :: div

ata öğesi

XPath “// div (@ class =’ Mammal ’) / ancestor :: div” iki eşleşen düğüm atar:

  • Omurgalılar, “Memeli” nin ebeveyni olduğu için aynı zamanda atası olarak kabul edilir.
  • Hayvan, 'Memeli' nin ebeveyninin ebeveyni olduğu için bir ata olarak kabul edilir.

Şimdi, sadece 'Hayvan' sınıfı olan bir öğeyi tanımlamamız gerekiyor. XPath'i aşağıda belirtildiği gibi kullanabiliriz.

XPath#2: //div(@class='Mammal')/ancestor::div(@class='Animal')

Hayvan sınıfı

'Hayvan' metnine ulaşmak isterseniz aşağıdaki XPath kullanılabilir.

xpath # 3

# 2) Ata veya benlik

Günlük: Bağlam düğümünü ve üst öğeyi bağlam düğümünden tanımlamak için.

XPath # 1: // div (@ class = ’Memeli’) / ata-veya-öz :: div

Ata ya da ben

Yukarıdaki XPath # 1, üç eşleşen düğüm atar:

  • Hayvan (Ata)
  • Omurgalı
  • Memeli (Kendi)

# 3) Çocuk

Günlük: 'Mammal' bağlam düğümünün alt öğesini tanımlamak için.

XPath # 1: // div (@ class = 'Memeli') / child :: div

XPath # 1 'Mammal' bağlam düğümünün tüm alt öğelerini tanımlamaya yardımcı olur. Belirli bir alt öğeyi almak istiyorsanız, lütfen XPath # 2'yi kullanın.

XPath # 2: // div (@ class = ’Memeli’) / child :: div (@ class = ’Otobur’) / h5

belirli alt öğeyi al

# 4) Torun

Günlük: Bağlam düğümünün çocuklarını ve torunlarını tanımlamak için (örneğin: 'Hayvan').

deneyimli için oracle sql mülakat soruları

XPath # 1: // div (@ class = ’Animal’) / descendant :: div

Aşağı doğru

Hayvan hiyerarşinin en üstteki üyesi olduğu için, tüm alt ve alt öğeler vurgulanmaktadır. Ayrıca referansımız için bağlam düğümünü değiştirebilir ve düğüm olarak istediğimiz herhangi bir öğeyi kullanabiliriz.

# 5) Nesli veya kendi

Günlük: Elementin kendisini ve soyundan gelenleri bulmak için.

XPath1: // div (@ class = ’Animal’) / descendant-or-self :: div

Nesli veya kendi

Soy ve soy veya ben arasındaki tek fark, torunları vurgulamanın yanı sıra kendini vurgulamasıdır.

# 6) Takip

Günlük: Bağlam düğümünü takip eden tüm düğümleri bulmak için. Burada bağlam düğümü, Mammal öğesini içeren div'dir.

XPath: // div (@ class = ’Memeli’) / following :: div

Takip etme

Aşağıdaki eksenlerde, alt veya alt öğe olsun, bağlam düğümünü takip eden tüm düğümler vurgulanmaktadır.

# 7) Aşağıdaki kardeş

Günlük: Aynı ebeveyni paylaşan ve bağlam düğümünün kardeşi olan bağlam düğümünden sonra tüm düğümleri bulmak için.

XPath: // div (@ class = ’Memeli’) / following-sibling :: div

Aşağıdaki-kardeş

Aşağıdaki ve sonraki kardeş arasındaki en büyük fark, aşağıdaki kardeşin bağlamdan sonra tüm kardeş düğümlerini alması, ancak aynı zamanda aynı ebeveyni paylaşmasıdır.

# 8) Önceki

Günlük: Bağlam düğümünden önce gelen tüm düğümleri alır. Ebeveyn veya büyükbaba düğümü olabilir.

Önceki

Burada bağlam düğümü Omurgasızdır ve yukarıdaki görüntüde vurgulanan çizgiler, Omurgasız düğümünden önce gelen tüm düğümlerdir.

# 9) Önceki kardeş

Günlük: Bağlam düğümüyle aynı ebeveyni paylaşan ve bağlam düğümünden önce gelen kardeşi bulmak için.

Preceding-sibling

Bağlam düğümü Omurgasız olduğundan, vurgulanan tek öğe Omurgalı'dır çünkü bu ikisi kardeştir ve aynı ebeveyn 'Hayvan' ı paylaşır.

# 10) Ebeveyn

Günlük: Bağlam düğümünün üst öğesini bulmak için. Bağlam düğümünün kendisi bir ataysa, bir üst düğüme sahip olmaz ve eşleşen düğümler getirmez.

Bağlam Düğümü # 1: Memeli

XPath: // div (@ class = ’Memeli’) / parent :: div

Bağlam Düğümü # 1: Memeli

Bağlam düğümü Mammal olduğundan Omurgalılar ile birlikte öğe, Memeli'nin ebeveyni olduğu için vurgulanmaktadır.

Bağlam Düğümü # 2: Hayvan

XPath: // div (@ class = ’Hayvan’) / parent :: div

Bağlam Düğümü # 2: Hayvan

Hayvan düğümünün kendisi ata olduğu için herhangi bir düğümü vurgulamayacak ve dolayısıyla Eşleşen düğüm bulunamadı.

# 11) Öz

Günlük: Bağlam düğümünü bulmak için self kullanılır.

Bağlam Düğümü: Memeli

XPath: // div (@ class = 'Memeli') / self :: div

Kendisi

Yukarıda görebileceğimiz gibi, Mammal nesnesi benzersiz bir şekilde tanımlanmıştır. Aşağıdaki XPath'i kullanarak 'Mammal' metnini de seçebiliriz.

XPath: // div (@ class = 'Memeli') / self :: div / h4

Memeli nesne

Önceki ve Sonraki Eksenlerin Kullanımları

Hedef öğenizin bağlam düğümünden kaç etiket önde veya geride olduğunu bildiğinizi varsayalım, tüm öğeleri değil, o öğeyi doğrudan vurgulayabilirsiniz.

Örnek: Önceki (dizinle)

Bağlam düğümümüzün 'Diğer' olduğunu varsayalım ve 'Memeli' öğesine ulaşmak istiyoruz, bunu yapmak için aşağıdaki yaklaşımı kullanacağız.

İlk adım: Herhangi bir indeks değeri vermeden öncekini kullanın.

XPath: // div (@ class = 'Diğer') / preceding :: div

herhangi bir dizin değeri vermeden önceliği kullanın

Bu bize 6 eşleşen düğüm verir ve biz sadece bir hedeflenmiş düğüm 'Mammal' istiyoruz.

İkinci adım: Dizin değerini (5) div öğesine verin (bağlam düğümünden yukarı doğru sayarak).

XPath: // div (@ class = 'Diğer') / preceding :: div (5)

Dizin değerini (5) div öğesine verin

Bu şekilde 'Memeli' öğesi başarıyla tanımlanmıştır.

yeni ürünler için nasıl test cihazı olunur

Örnek: takip etme (dizinle)

Bağlam düğümümüzün 'Memeli' olduğunu varsayalım ve 'Kabuklu' öğesine ulaşmak istiyoruz, bunu yapmak için aşağıdaki yaklaşımı kullanacağız.

İlk adım: Aşağıdakileri herhangi bir indeks değeri vermeden kullanın.

XPath: // div (@ class = ’Memeli’) / following :: div

herhangi bir indeks değeri vermeden takip etmek

Bu bize 4 eşleşen düğüm verir ve yalnızca bir hedeflenen düğüm olan 'Crustacean' istiyoruz

İkinci adım: Dizin değerini (4) div öğesine verin (bağlam düğümünden ileriye doğru sayın).

XPath: // div (@ class = 'Diğer') / following :: div (4)

div öğesine dizin değeri (4)

Bu şekilde 'Crustacean' unsuru başarıyla tanımlanmıştır.

Yukarıdaki senaryo ile yeniden oluşturulabilir önceki-kardeş ve takip eden kardeş yukarıdaki yaklaşımı uygulayarak.

Sonuç

Nesne Tanımlama, herhangi bir web sitesinin otomasyonundaki en önemli adımdır. Nesneyi doğru öğrenme becerisini edinebilirseniz, otomasyonunuzun% 50'si yapılır. Öğeyi tanımlamak için mevcut konumlayıcılar varken, konumlandırıcıların bile nesneyi tanımlayamadığı bazı durumlar vardır. Böyle durumlarda farklı yaklaşımlar uygulamalıyız.

Burada, öğeyi benzersiz şekilde tanımlamak için XPath İşlevlerini ve XPath Eksenlerini kullandık.

Bu makaleyi, hatırlanması gereken birkaç noktayı not ederek bitiriyoruz:

  1. Üst öğe olan bağlam düğümünün bağlam düğümüne 'üst' eksenleri uygulamamalısınız.
  2. Üst öğe olan bağlam düğümünün bağlam düğümüne 'ebeveyn' eksenleri uygulamamalısınız.
  3. Alt öğe olan bağlam düğümünün bağlam düğümüne 'alt' eksenler uygulamamalısınız.
  4. Üst öğe olan bağlam düğümünün bağlam düğümüne 'alt' eksenler uygulamamalısınız.
  5. Bağlam düğümüne 'aşağıdaki' eksenleri uygulamamalısınız, bu HTML belge yapısındaki son düğümdür.
  6. Bağlam düğümüne 'önceki' eksenleri uygulamamalısınız, bu HTML belge yapısındaki ilk düğümdür.

Mutlu Öğrenme !!!

=> Özel Selenium Eğitim Eğitim Serisi İçin Burayı Ziyaret Edin.

Önerilen Kaynaklar

^