How to use @FindBy annotation in Selenium for span text?

Question

I want to know what can I do to get the "Apple" text in span element with @FindBy annotation.

Thats html code:

<span class="ui-cell-data">Apple</span>

and I tried something like that:

@FindBy(className = "ui-cell-data:Samsung")
WebElement customerName;

but it didn't work!

What is the need to add ':Samsung' at the end of the classname value for findby? — Grasshopper, Dec 18 '17 at 02:27
Additionally, `ui-cell-data` feels like *quite a broad class* and may potentially match other undesired elements as well. Though, you have not shown the markup of the page and it is impossible to tell at this point. — alecxe, Dec 18 '17 at 02:48

Ali Azam · Answer 1 · 2017-12-18T15:56:24.217

0

You can use @FindBys like a chained element look-up

@FindBys({@FindBy(className = "ui-cell-data")})
private WebElement element;

Or try using below:

@FindBy(xpath = "//*[@class = 'ui-cell-data']")
private WebElement element;

or

@FindBy(css = ".ui-cell-data")
private WebElement element;

Hopefully it resolves your issue.

edited Dec 18 '17 at 15:56

answered Dec 18 '17 at 03:39

Ali Azam

2,047
1
16
25

@meert hey bro! did it work for you? Please let me know your feedback. – Ali Azam Dec 19 '17 at 15:36

score 0 · Answer 2 · edited Dec 18 '17 at 12:05

0

You can try with xpath stated below

 @FindBy(xpath = "//span[@class = 'ui-cell-data']") 
 private WebElement element;

edited Dec 18 '17 at 12:05

Mahmud Riad

1,169
1
8
19

answered Dec 18 '17 at 06:08

Abhijit Das

1
3

undetected Selenium · Accepted Answer · 2023-02-10T21:54:57.293

As per the HTML you have shared you may/maynot have been able to get the Apple text within the span element with :

@FindBy(className = "ui-cell-data")
WebElement customerName;

Your code was nearly perfect but the trailing part in the className as :Samsung was unnecessary.

But again, looking at the class attribute it is expected that a couple of more <span> tags will have the same class. So to uniquely identify the intended WebElement we need to refer to a parent node and follow its decendents to reach this particular node.

Finally, with the given HTML the following code block will be much cleaner :

cssSelector:

@FindBy(css = "span.ui-cell-data")
WebElement customerName;

xpath:

@FindBy(xpath = "//span[@class='ui-cell-data']")
WebElement customerName;

How to use @FindBy annotation in Selenium for span text?

3 Answers3

Linked