How to write an XPath or CSS expression?

Question

<span class="left-menu-title selectorgadget_selected" data-xpal="xpath-verify-selected" style="">Admin</span>

How can I write an XPath or CSS expression? I tried the plug-ins does not work.

If anyone knows how to click an item from the left-side bar after log-in to the site will be a great help. it does not click, the script fails.

@FindBy(xpath = "//SPAN[@class='left-menu-title'][text()='Admin']") 
WebElement clickOnAdmin;

public WebElement adminClick() {
    return clickOnAdmin;
}

Could you give the HTML or URL?

scorpion35
– scorpion35

2018-01-08 03:10:54 +00:00
Commented Jan 8, 2018 at 3:10 — scorpion35
– scorpion35, Commented Jan 8, 2018 at 3:10

alecxe · Accepted Answer · 2018-01-08 17:41:49Z

4

There are multiple classes but you are checking left-menu-title only.

The case of a SPAN tag name may also be a problem depending on a driver.

Fixed version, using contains() (note that it is not an ideal class XPath check - you need the concat and normalize-space, strictly speaking):

//span[contains(@class, 'left-menu-title')][text()='Admin']

edited Jan 8, 2018 at 17:41

answered Jan 8, 2018 at 3:11

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Andersson Over a year ago

I'm quite sure that at least in Python+Selenium //SPAN will return the same node as //span... Does Selenium behaves differently in other programming languages?

alecxe Over a year ago

@Andersson yeah, really good point, it then depends on a driver's XPath support, updated the answer accordingly. Thanks!

E.P. Over a year ago

This is way off-topic, but you might find this SEDE query interesting.

Ya Yan · Accepted Answer · 2018-01-08 03:22:35Z

0

what @alecxe wrote is a very good pointer.

Usually when a website has a strong front-end code embedded with data+JS, you should use functionalities. Especially when absolute xpath does not work such as your case with data var on the front-end. "data-xpal="xpath-verify-selected"

Guru99 xpath fonctionalities

also please verify if your application or website is not embedded with iFrames. if so please change iframe window.
if you can provide the stackTrace Error. I assume you are talking about NullPointerException or NotFindElementException.

answered Jan 8, 2018 at 3:22

Ya Yan

631 silver badge13 bronze badges

Comments

undetected Selenium · Accepted Answer · 2018-01-09 07:47:42Z

0

As per the HTML you have shared, the following code block must work :

@FindBy(xpath = "//span[@class='left-menu-title selectorgadget_selected' and contains(.,'Admin')]") 
WebElement clickOnAdmin;

public WebElement adminClick() {
    clickOnAdmin.click();
}

Note : As you named the function as adminClick(), assuming you want to invoke click() method on the WebElement clickOnAdmin, click() method won't return anything. hence you have to discard the return clickOnAdmin; statement as well.

answered Jan 9, 2018 at 7:47

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Comments

S K · Accepted Answer · 2018-01-11 18:34:20Z

0

I would suggest trying writing your XPATH as //span[contains(@class,'left-menu-title') and .='Admin']

And instead of just element.click(); use javascript executor click. Like how it's below:

JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].click();", driver.findElement(By.xpath("//span[contains(@class,'left-menu-title') and .='Admin']")));

Hope this works for you! Let me know.

answered Jan 11, 2018 at 18:34

S K

4372 gold badges8 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to write an XPath or CSS expression?

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related