{"id":4619,"date":"2014-03-26T13:52:20","date_gmt":"2014-03-26T17:52:20","guid":{"rendered":"http:\/\/www.webperformance.com\/load-testing-tools\/blog\/?page_id=4619"},"modified":"2018-08-09T08:20:05","modified_gmt":"2018-08-09T12:20:05","slug":"xpath-locator-examples","status":"publish","type":"page","link":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/articles\/real-browser-manual\/building-a-testcase\/how-locate-element-the-page\/xpath-locator-examples\/","title":{"rendered":"XPath locator examples"},"content":{"rendered":"\n
\n \n
\n

Web Performance Consulting<\/h2>\n
\n
\n Our experts find out how many users your website<\/strong> can handle!
\n <\/span>
\n  
\n Learn More<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n

If you are new to XPath, the power and flexibility of XPath can be a bit bewildering. This page contains some examples to get you started. After that, I recommend the XPath resources linked on our Types of Element Locators<\/a> page.<\/p>\n

“raw” XPath<\/h2>\n

To find the link in this page:<\/p>\n

<html><body>\r\n<p>The fox jumped over the lazy brown <a href=\"dogs.html\">dog<\/a>.<\/p>\r\n<\/body><\/html><\/pre>\n
A raw XPath traverses the hierarchy from the root element of the document (page) to the desired element:<\/p>\n
\/html\/body\/p\/a<\/pre>\n
 <\/p>\n
Child of Element ID<\/h2>\n
XPath can find an element by ID like this:<\/p>\n
\/\/*[@id=\"element_id\"]<\/pre>\n
So if you need to find an element that is near another element with an ID, like the link in this example:<\/p>\n
<html><body>\r\n<p id=\"fox\">The fox jumped over the lazy brown <a href=\"dogs.html\">dog<\/a>.<\/p>\r\n<\/body><\/html><\/pre>\n
you could try an XPath like this to find the first link that is a child of the element with ID=”fox”:<\/p>\n
\/\/*[@id=\"fox\"]\/a<\/pre>\n
 <\/p>\n
Button Text<\/h2>\n
There are two ways to declare a standard button in HTML, discounting the many ways to make something that looks<\/em> like a button, but is not. To determine how an element is declared in the HTML, see how to inspect an element in the browser<\/a>.<\/p>\n
If the button is declared with the <button> tag and the button says “press me”, try this:<\/p>\n
\/\/button(contains(., 'press me')]<\/pre>\n
If the button is a form submit button (declared with the <input> tag and type=”submit” or =”button”) and says “press me”, try this:<\/p>\n
\/\/input[@value='press me']<\/pre>\n
 <\/p>\n
Text of element<\/h2>\n
Sometimes a bit of text is styled as a link or button. To find it, try this:<\/p>\n
\/\/*[text()='the visible text']<\/pre>\n
 <\/p>\n
The Nth element<\/h2>\n
To find the Nth element, you must surround your XPath in ()s and then specify the Nth using [n], like this:<\/p>\n
(xpath)[n]<\/pre>\n
A very simple example – find the 3rd link<\/em> on a page:<\/p>\n
(\/\/a)[3]<\/pre>\n
To find the 4rd text input<\/em> field on a page:<\/p>\n
(\/\/input[@type=\"text\"])[4]<\/pre>\n
You can also traverse from the indexed element. So, to find the link<\/em> in the 2nd div<\/em> with class<\/em> ‘abc’:<\/p>\n
(\/\/div[@class='abc'])[2]\/a<\/pre>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Web Performance Consulting<\/p>\n
        Our experts find out how many users your website can handle!<\/p>\n
         
\n        Learn More<\/a><\/p>\n
If you are new to XPath, the power and flexibility of XPath can be a bit bewildering. This page contains some examples to get you started. After that, I recommend the XPath resources linked on our Types of Element … Continue reading »<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":4616,"menu_order":7,"comment_status":"open","ping_status":"open","template":"manual-page.php","meta":{"footnotes":""},"class_list":["post-4619","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/comments?post=4619"}],"version-history":[{"count":16,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4619\/revisions"}],"predecessor-version":[{"id":6053,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4619\/revisions\/6053"}],"up":[{"embeddable":true,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4616"}],"wp:attachment":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/media?parent=4619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}