How to find the xpath locator for logout button?

Question

We are currently working on a selenium project. Can you guys help me to find the xpath locator for the logout button in the application?

Below is a screenshot of the code for the element for which I'm trying to find the xpath.

Answer 1

As @Nathan_Cooper already commented I would ask to add Ids to the objects.

If it's not possible, or if the HTML is dynamic, I would start a little higher than the other answer, in particular from

<div class="header_menu logout">

as I assume that a div with a class logout will always wrap the logout button.

//div[contains(@class ,'logout')]//div[contains(text(),'Logout')]

Answer 2

If you want to do it manually, then you will have to trace the path from the root of the host up to where the element is being generated.

OR

There is an easy way to get the xpath. In Mozilla FireFox install Firebug addon. Then install Firepath addon. Now visit your web page. Press F12 to open Firebug console. Click on the Firepath tab. Inspect the element you want to get the xpath of. Xpath of that element will be displayed in the Firepath console.

Answer 3

You can try below xpath

//*[@class='item']/div[text(),'Logout']    

Answer 4

The above answer by QAMember should be correct. You can also try this xpath

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

Answer 5

Since the text Logout is what exactly we are looking for then no need to write text contains. You use below xpath.

 (By.xpath("//div[.='Logout']"));

Answer 6

//*[@class='item']//*[.='Logout']

• keep it simpler, if there is are no text 'Logout' in any other class of type item, then above xpath would work.
• No div or any other element provided

Answer 7

According to your question you are looking for button logout, not for the text.

So as we see in the image we will find the Button is a Link control inside the Div <div class="header_menu logout">.

the best match to locate the button is using xpath bellow.

//*[@class='header_menu logout']//a