Which locator I can use to click the span element through selenium

Question

Which locator can I use for the below?

<span class="tile-name ng-binding">Payment Partner</span>

Update from OP's comments:

Code trial 1:

driver.findElementByXPath("//span[text()='Payment Partner']").click();

Error:

Exception in thread "main" org.openqa.selenium.ElementNotVisibleException: element not visible;

Code trial 2:

driver.findElementByCssSelector("Payment Partner").click();

Error:

Exception in thread "main" org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"Payment Partner"}

Code trial 3:

WebDriverWait wait = new WebDriverWait(driver, 20);wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath ("//span[text()='Payment Partner']')")));

@Catia , try to implement [waits](https://www.seleniumhq.org/docs/04_webdriver_advanced.jsp#explicit-and-implicit-waits) — Andersson, Sep 10 '18 at 09:56
@Andersson I have already done that with no success: WebDriverWait wait = new WebDriverWait(driver, 10); — Catia, Sep 10 '18 at 10:06
@Catia , only this line? This line only defines the instance of `WebDriverWait`, but does nothing more actually — Andersson, Sep 10 '18 at 10:32
There an extra single quote and parenthesis in your selector — Andersson, Sep 10 '18 at 10:55

score 0 · Answer 1 · answered Sep 10 '18 at 09:22

0

Following are variance that you can use for above HTML line :

Xpath : //span[text()='Payment Partner']
Xpath : //span[@class='tile-name ng-binding']
Xpath : //span[contains(@class,'tile-name')]
Xpath : //span[contains(@class,'ng-binding')]
Xpath : //span[contains(@class,'tile-name') and text()='Payment Partner']
CssPath : span[class='tile-name ng-binding']

I can add more If there would be parent element.

Hope this is helpful.

answered Sep 10 '18 at 09:22

Sagar007

848
1
13
33

can you please share little more HTML code ? and your selenium code as well ? It will help us to find error. – Sagar007 Sep 10 '18 at 09:40
Please check my comments previously shared. – Catia Sep 10 '18 at 09:52

undetected Selenium · Accepted Answer · 2018-09-10T18:25:50.783

As per the HTML you have shared to to find the <span> tag, as the element is an Angular element you have to induce WebDriverWait for the element to be clickable and you can use either of the following solution:

xpath:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//span[@class='tile-name ng-binding' and contains(.,'Payment Partner')]"))).click();

cssSelector:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("span.tile-name.ng-binding"))).click();

Update

As per the error update to invoke click() you can use the following solution:

xpath:

WebElement myElement = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//span[@class='tile-name ng-binding' and contains(.,'Payment Partner')]")));
((JavascriptExecutor)driver).executeScript("arguments[0].click();", myElement);

You can find a detailed discussion in Selenium Web Driver & Java. Element is not clickable at point (36, 72). Other element would receive the click:

Thank you for your suggestions but none of the above works please see error: Exception in thread "main" org.openqa.selenium.WebDriverException: unknown error: Element ... is not clickable at point (152, 202). Other element would receive the click: ... (Session info: chrome=68.0.3440.106) — Catia, Sep 10 '18 at 15:49
@Catia Checkout my answer update and let me know the status. — undetected Selenium, Sep 10 '18 at 18:28
It worked with the updated solution.... Great job thank you so much, been stuck for days on this one. — Catia, Sep 10 '18 at 19:41

Which locator I can use to click the span element through selenium

2 Answers2

Update