How to click the button

Question

I have tired to use xpath and css locator but both unable to click.

Can anyone help to see why the button element is different from the rest?

Code trial:

driver.findElement(By.xpath("//span[@id='a-autoid-2']")).click();

Why are you unable? Does your script crash? Throw an error? Does it click the wrong thing? — Bryan Oakley, May 02 '19 at 15:22

score 1 · Accepted Answer · answered May 02 '19 at 20:49

The element is not a button element but a <span> tag associated with a DropDown looking like a button due to the presence of class attributes a-button, a-button-dropdown and a-button-small.

To click on the desired element you can use either of the following Locator Strategies:

cssSelector:

driver.findElement(By.cssSelector("span.a-button.a-button-dropdown.a-button-small span.a-dropdown-prompt")).click();

xpath:

driver.findElement(By.xpath("//span[@class='a-button a-button-dropdown a-button-small']//span[@class='a-dropdown-label']")).click();

this works. so i need combination of locators...still learning and not quite sure how can i get and combine the right one. Thanks! — user2201789, May 03 '19 at 01:40

score 0 · Answer 2 · answered May 02 '19 at 15:19

0

Use the below xpath instead, which have the button role rather the parent span.

//span[@id='a-autoid-2']//span[@role='button']

answered May 02 '19 at 15:19

supputuri

12,238
2
14
34

Exception in thread "main" org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//span[@id='a-autoid-2']//span[@role='button']"} – user2201789 May 03 '19 at 01:34

score 0 · Answer 3 · edited May 02 '19 at 16:01

If you are trying to modify the quantity (Qty), try the below CSS Selector

driver.FindElement(By.CssSelector("#a-autoid-2 span[data-action='a-dropdown-button']")).Click();

There is an attribute for that drop down button which is [aria-pressed="false"]. This defaults to 'false' and once clicked the attribute changes to 'true'. Now WebDriver cannot find the Qty drop down as the above locator's attribute is changed. Try to use a fluent wait after your click in your code to fetch the updated DOM attributes.

How to click the button

3 Answers3