How to find button with Selenium by its text inside (Java)?

Question

I have a button like below. I am not sure how to grab it by it's text which is Search. There are many buttons on this page.

<button _ngcontent-dqg-c23="" class="cp-mat-small-btn mat-flat-button mat-accent" color="accent" mat-flat-button="" ng-reflect-disabled="false" ng-reflect-color="accent"><span class="mat-button-wrapper">
    Search
  </span><div class="mat-button-ripple mat-ripple" matripple="" ng-reflect-centered="false" ng-reflect-disabled="false" ng-reflect-trigger="[object HTMLButtonElement]"></div><div class="mat-button-focus-overlay"></div></button>

I tried :

WebElement searchBtn = webDriver.find_element_by_xpath('//button[text()="Search"]');

But getting error:

    | > Task :compileTestJava
gauge_1          | /tipu/src/test/java/CalmImplementation.java:16: error: unclosed character literal
gauge_1          |         WebElement searchBtn = webDriver.find_element_by_xpath('//button[normalize-space()="Search"]');
gauge_1          |                                                                ^
gauge_1          | /tipu/src/test/java/CalmImplementation.java.java:16: error: unclosed character literal
gauge_1          |         WebElement searchBtn = webDriver.find_element_by_xpath('//button[normalize-space()="Search"]');
gauge_1          |                                                                                                     ^
gauge_1          | /tipu/src/test/java/CalmImplementation.java.java:16: error: not a statement
gauge_1          |         WebElement searchBtn = webDriver.find_element_by_xpath('//button[normalize-space()="Search"]');
gauge_1          |                                                                         ^
gauge_1          | 3 errors
gauge_1          |

Try to find button with the class atribute. Then just use webElement.getText() — Gaj Julije, Nov 24 '20 at 23:03
Unfortunately, there are many buttons with same class and none of them has id. — VictorGram, Nov 24 '20 at 23:09

score 1 · Answer 1 · answered Nov 24 '20 at 23:00

1

You can use XPATH:

//button[normalize-space()="Search"]

Note that search by text()="Search" won't work as button text is not exactly "Search" - text content contains linesbreaks/spaces

answered Nov 24 '20 at 23:00

DonnyFlaw

581
3
9

score 1 · Accepted Answer · answered Nov 25 '20 at 04:20

find_element_by_xpath() isn't a valid method when using Selenium's Java client.

Again, the WebElement with text as Search is within the child <span> of it's parent <button> and an Angular element.

So to identify the element by it's text i.e. Search you you need to induce WebDriverWait for the elementToBeClickable() and you can use either of the following Locator Strategies:

Using xpath and contains():

WebElement searchBtn = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button/span[contains(., 'Search')]")));

Using xpath and normalize-space():

WebElement searchBtn = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button/span[normalize-space()='Search']")));

How to find button with Selenium by its text inside (Java)?

2 Answers2