Selenium css selector for button text

Question

HTML looks like below :

<button class="btn btn-primary pull-right" type="submit">Sign in</button>

There are multiple buttons with same class and type value. However I need to click only Sign in button using CSS selector. I tried the following but none of them is working

@FindBy(how=How.CSS, using="button:contains('Sign in')") WebElement signInButton;

@FindBy(how=How.CSS, using=".btn btn-primary pull-right[text='Sign in']") WebElement signInButton;

Also point me to some complex CSS selector examples site.

michael · Accepted Answer · 2016-06-06 08:40:20Z

15

A CSS selector doesn't support text evaluation. Use an XPath instead:

@FindBy(how=How.XPATH, using="//button[text()='Sign in']")
WebElement signInButton;

answered Jun 6, 2016 at 8:40

michael

9596 silver badges19 bronze badges

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

1 Comment

User Over a year ago

Note that if the text is not a direct child of the button it won't match, e.g. <button><span>Sign in</span></button> won't match. Instead you can use the xpath //button[contains(., 'Sign in')]

Rajnish Kumar · Accepted Answer · 2016-06-06 08:24:47Z

-2

Hi plz do it like below considering that your sign in button is first in the list (if not plz change as per your requirement)

driver.findElements(By.cssSelector(".btn.btn-primary.pull-right")).get(0).click();

answered Jun 6, 2016 at 8:24

Rajnish Kumar

2,9466 gold badges28 silver badges41 bronze badges

Collectives™ on Stack Overflow

Selenium css selector for button text

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related