Understanding XPath

-



Following my latest article "CssSelectors not only for styling" many people asked me about the difference between using CssSelector and XPath, and what are the benefits to using XPath as a locator. Sadly, I see many engineers struggling to identify an element by using other selectors, find themselves blindly copying a WebElement's XPath using the option provided by the browser. The deal is that the expression received is mostly highly flaky and ugly none the less.
In this article, I'm going to cover this topic and see if we can demystify XPath and make it more accessible.

What is XPath?

XPath stands for XML Path Language. It is basically a Quarry language that was originally made for selecting nodes from an XML document that was defined by the W3C. XPath can be used for XML schemes and also in many programming languages (Such as Java, Python, PHP, and even C).

How is it related to Test Automation?

XPath is one of the 8 locating methods (9 if you count relative locators added in Selenium 4 alpha). to identify elements in the application under test.
By using XPath we can query an element in a more flexible way, locating it by the full or relative path in the document object model and even use some of its internal libraries to compute a specific element by defining several conditions within the expression. XPath is a highly flexible and strong locating method. It allows us to locate elements by a static visible text, elements with no unique properties or even without any attributes at all.

How to use XPath to locate WebElements?

For this part, I'm going to use Chrome Dev Tools to demonstrate some usage examples.
The website I'm using is Google.com's main search page.

Understanding the syntax

Full path to a WebElement:


Let's say I want to query the first div on this webpage using its full path in the DOM which is:

/html/body/div

What does this expression mean?

Within the <html> tag, find the <body> tag, in the body tag, select the first <div> tag you find. And that will be my target element.

Relative path

In most cases using a relative path would be preferred. Why?
Let's look at a more complex example. Let's say that I want to identify the search text field.


This is the expression I need: 

/html/body/div/div[3]/form/div[2]/div[1]/div[1]/div/div[2]/input


In the <html> tag look for the <body> tag, find the first <div>, in which look for the third <div>, find the <form> tag in it, look for the third <div> in that tag... well, you get the point.

If even one of the "Stops" leading to my target in this expression "Breaks", the expression will no longer lead to the desired element.

Basically, I can identify the same element by using a shorter expression such as:


//input[4]

Which means, the third input tag in the DOM

or a stronger one:

//input[@type="text"]

Which means the first input tag with a type "text" you find. In our case it would be unique.

Locating by static visible text

Let's say that we want to locate this text:




Well, It has an ID but if it didn't I could choose to locate it via its static text with the following XPath syntax:

//div[text()='Google זמינה ב:  ']

But, what if only a part of the text is static?

Well, in that case, I could choose to find it with the "contains" keyword.

//div[contains(text(),'Google')]

 or:
 //div[starts-with(text(),'Google')]

What about an element's parent?

I can use the same expression to locate that element's parent. Fo example:

//div[@id='SIvCob']/parent::div

What if I want to find all elements on a page containing a particular text?

I can use Wildcards to find this element without specifying a particular tag

//*[contains(text(),'Google')]

Locating elements by providing multiple attributes

If needed, we can use multiple attribute selection in our XPath syntax. For example, I can locate the Search button by both name and type:

//input[@class='gNO89b'][@type='submit']

In conclusion:

Both CSS and XPath are highly powerful locating strategies. Depending on the use case you can benefit each of them as they provide you with great flexibility. XPath can navigate up the DOM while CSS cannot (As far as I know) and some say that at least in IE CSS is much faster.

By the way, there are websites such as cssify that help you convert your XPath expression to a CSS selector.






Comments

  1. akhilapriya404April 25, 2020 at 11:22 AM

    Great Information you have shared, Check it once selenium online training

    ReplyDelete
  2. RajeshJune 13, 2020 at 11:02 PM


    It's very useful blog post with inforamtive and insightful content and i had good experience with this information.
    Selenium Training in chennai | Selenium Training in annanagar | Selenium Training in omr | Selenium Training in porur | Selenium Training in tambaram | Selenium Training in velachery

    ReplyDelete
  3. Edgar C. JonesJuly 20, 2020 at 8:22 AM

    Nice

    ReplyDelete
  4. Alina BozJune 29, 2021 at 10:04 AM

    adana escort - adıyaman escort - afyon escort - aksaray escort - antalya escort - aydın escort - balıkesir escort - batman escort - bitlis escort - burdur escort - bursa escort - diyarbakır escort - edirne escort - erzurum escort - eskişehir escort - eskişehir escort - eskişehir escort - eskişehir escort - gaziantep escort - gebze escort - giresun escort - hatay escort - ısparta escort - karabük escort - kastamonu escort - kayseri escort - kilis escort - kocaeli escort - konya escort - kütahya escort - malatya escort - manisa escort - maraş escort - mardin escort - mersin escort - muğla escort - niğde escort - ordu escort - osmaniye escort - sakarya escort - samsun escort - siirt escort - sincan escort - tekirdağ escort - tokat escort - uşak escort - van escort - yalova escort - yozgat escort - urfa escort - zonguldak escort

    ReplyDelete
  5. UgurJuly 13, 2021 at 11:19 AM

    adanaescort01.com - adiyamanescortxx.com - afyonarackiralama.net - aksarayescort.net - antalyaoyunpark.com - aydinescortkiz.com - balikesirescortlar.com - batmanescortlar.com - bitlisescortlar.com - burdurescortlar.com - bursamalaysias.com - diyarbakirambar.com - edirnedespor.com - erzurumyolkosusu.com - eskisehirescortlari.com - gaziantepekspres.org - gebzeescortkiz.com - giresunmaraton.com - hataykoleji.com - ispartakpss.com - karabukteknik.com - kastamonuajans.net - kayserivalisi.com - kilisescort.com - kocaeliescortlar.com - konyaescortlar.com - kutahyaizemlak.com - malatyadataksi.com - manisaescortlar.com - marasatasoyemlak.com - mardinfanatik.com - mersinmoda.com - muglaapart.net - nigdeyapi.com - orduescortt.com - osmaniyeyorum.com - sakaryanur.com - samsunescortlar.com - siirteyatirim.com - sincanoto.com - tekirdagescortlar.com - tokatforum.com - usakbasin.com - vanescortilan.com - yalovadaemlak.com - yozgattanal.com - sanliurfadayim.com - zonguldakescort.com

    ReplyDelete
  6. Ayas NilhanJuly 16, 2021 at 5:10 AM

    cami avizesi - no deposit bonus forex 2021 - takipçi satın al - takipçi satın al - takipçi satın al - takipcialdim.com/tiktok-takipci-satin-al/ - instagram beğeni satın al - instagram beğeni satın al - btcturk - tiktok izlenme satın al - sms onay - youtube izlenme satın al - no deposit bonus forex 2021 - tiktok jeton hilesi - tiktok beğeni satın al - binance - takipçi satın al - uc satın al - sms onay - sms onay - tiktok takipçi satın al - tiktok beğeni satın al - twitter takipçi satın al - trend topic satın al - youtube abone satın al - instagram beğeni satın al - tiktok beğeni satın al - twitter takipçi satın al - trend topic satın al - youtube abone satın al - takipcialdim.com/instagram-begeni-satin-al/ - tiktok takipçi satın al - tiktok beğeni satın al - twitter takipçi satın al - trend topic satın al - youtube abone satın al - instagram beğeni satın al - perde modelleri - instagram takipçi satın al - takipçi satın al - instagram takipçi satın al - betboo

    ReplyDelete
  7. UnknownJuly 26, 2021 at 8:55 AM

    instagram takipçi satın al
    instagram takipçi satın al
    takipçi satın al
    instagram takipçi satın al
    takipçi satın al
    aşk kitapları
    tiktok takipçi satın al
    instagram beğeni satın al
    youtube abone satın al
    twitter takipçi satın al
    tiktok beğeni satın al
    tiktok izlenme satın al
    twitter takipçi satın al
    tiktok takipçi satın al
    youtube abone satın al
    tiktok beğeni satın al
    instagram beğeni satın al
    trend topic satın al
    trend topic satın al
    youtube abone satın al
    beğeni satın al
    tiktok izlenme satın al
    sms onay
    youtube izlenme satın al
    tiktok beğeni satın al
    sms onay
    sms onay
    perde modelleri
    instagram takipçi satın al
    takipçi satın al
    tiktok jeton hilesi
    pubg uc satın al
    sultanbet
    marsbahis
    betboo
    betboo
    betboo

    ReplyDelete
  8. İrem SevinçJuly 27, 2021 at 12:34 PM

    https://www.escortsmate.com - adana escort - adıyaman escort - afyon escort - ağrı escort - aksaray escort - amasya escort - ankara escort - antalya escort - ardahan escort - artvin escort - aydın escort - balıkesir escort - bartın escort - batman escort - bayburt escort - bilecik escort - bingöl escort - bitlis escort - bolu escort - burdur escort - bursa escort - çanakkale escort - çankırı escort - çorum escort - denizli escort - diyarbakır escort - düzce escort - edirne escort - elazığ escort - erzincan escort - erzurum escort - eskişehir escort - gaziantep escort - gebze escort - giresun escort - gümüşhane escort - hakkari escort - hatay escort - ığdır escort - ısparta escort - izmir escort - istanbul escort - karabük escort - karaman escort - kars escort

    ReplyDelete
  9. UnknownJuly 27, 2021 at 7:40 PM

    instagram takipçi satın al
    ucuz takipçi
    takipçi satın al
    https://takipcikenti.com
    https://ucsatinal.org
    instagram takipçi satın al
    https://perdemodelleri.org
    https://yazanadam.com
    instagram takipçi satın al
    balon perdeler
    petek üstü perde
    mutfak tül modelleri
    kısa perde modelleri
    fon perde modelleri
    tül perde modelleri
    https://atakanmedya.com
    https://fatihmedya.com
    https://smmpaketleri.com
    https://takipcialdim.com
    https://yazanadam.com
    yasaklı sitelere giriş
    aşk kitapları
    yabancı şarkılar
    sigorta sorgula
    https://cozumlec.com
    word indir ücretsiz
    tiktok jeton hilesi
    rastgele görüntülü sohbet
    erkek spor ayakkabı
    fitness moves
    gym workouts
    https://marsbahiscasino.org
    http://4mcafee.com
    http://paydayloansonlineare.com

    ReplyDelete
  10. UnknownOctober 8, 2021 at 5:23 AM

    I am glad that I saw this post. It is informative blog for us and we need this type of blog thanks for share this blog, Keep posting such instructional blogs and I am looking forward for your future posts. Python Projects for Students Data analytics is the study of dissecting crude data so as to make decisions about that data. Data analytics advances and procedures are generally utilized in business ventures to empower associations to settle on progressively Python Training in Chennai educated business choices. In the present worldwide commercial center, it isn't sufficient to assemble data and do the math; you should realize how to apply that data to genuine situations such that will affect conduct. In the program you will initially gain proficiency with the specialized skills, including R and Python dialects most usually utilized in data analytics programming and usage; Python Training in Chennai at that point center around the commonsense application, in view of genuine business issues in a scope of industry segments, for example, wellbeing, promoting and account. Project Center in Chennai

    ReplyDelete
  11. ITGOLD SolutionsNovember 19, 2021 at 2:54 AM

    I read your blog now share great information here. Vonex phones

    ReplyDelete
  12. UnknownApril 7, 2022 at 3:13 PM

    seo fiyatları
    saç ekimi
    dedektör
    instagram takipçi satın al
    ankara evden eve nakliyat
    fantezi iç giyim
    sosyal medya yönetimi
    mobil ödeme bozdurma
    kripto para nasıl alınır

    ReplyDelete
  13. UnknownApril 18, 2022 at 7:47 AM

    instagram beğeni satın al
    yurtdışı kargo
    seo fiyatları
    saç ekimi
    dedektör
    fantazi iç giyim
    sosyal medya yönetimi
    farmasi üyelik
    mobil ödeme bozdurma

    ReplyDelete
  14. UnknownApril 22, 2022 at 3:18 PM

    bitcoin nasıl alınır
    tiktok jeton hilesi
    youtube abone satın al
    gate io güvenilir mi
    referans kimliği nedir
    tiktok takipçi satın al
    bitcoin nasıl alınır
    mobil ödeme bozdurma
    mobil ödeme bozdurma

    ReplyDelete
  15. UnknownMay 27, 2022 at 3:12 AM

    smm panel
    smm panel
    is ilanlari blog
    İNSTAGRAM TAKİPÇİ SATIN AL
    hirdavatciburada.com
    beyazesyateknikservisi.com.tr
    servis
    tiktok jeton hilesi

    ReplyDelete
  16. sportsbetDecember 12, 2022 at 1:40 AM

    Good content. You write beautiful things.
    vbet
    mrbahis
    taksi
    vbet
    hacklink
    korsan taksi
    mrbahis
    sportsbet
    hacklink

    ReplyDelete
  17. betmatikJanuary 1, 2023 at 4:52 AM

    Good text Write good content success. Thank you
    mobil ödeme bahis
    betpark
    kibris bahis siteleri
    slot siteleri
    poker siteleri
    bonus veren siteler
    tipobet
    kralbet

    ReplyDelete

Post a Comment

Popular posts from this blog

Access modifiers in Java

-
Image
  "Which access modifiers are you familiar with and what is the difference between them?" This is a very common interview question, that can at times catch a candidate off guard. In this post, we will discuss the different access modifiers available in Java, and the differences between them. In Java, there are 4 main access modifiers that are basically reserved keyword which allow us to control access to fields, methods and classes from other entities. Confused? Let's see if we can clear things up a bit. Public The public keyword means that this class/member/method can be accessed from anywhere. And by anywhere I mean that any class, package, method can access the field defined as public. Private The private modifier limits the access of a particular member/method to the specific class where it was initialised or declared. The private keyword cannot be applied to classes. Protected Protected means that the member will be accessible within that paticular class, within the
Read more

Build and publish your own Image with Docker and Artifactory

-
Image
The true power of docker, having the ability to pack and ship your application, so others could run unlimited amount of containers based on our Image that contains our application code. In this post we are going to build our own docker image from scratch, and publish it to a remote repository. Define the flow A standard flow of packaging and shipping our app would look something like this: 1. Create a Dockerfile which will contain our set of layers and "instructions" for designing our image. 2. Build the image which will serve as a "Master template" for our application containers. 3. Publish our build to a repository so others could pull and run containers from our Image.  (In our example we are going to uje JFrog Artifactory.) Let's get to work... 1. Create a Dockerfile. A Dokcerfile is basically a text file that contains a set of commands which will assemble our Image. (An Image is much like a base template). For this example, we will build a simple "Hell
Read more