click() on css Selector not working in Selenium webdriver

Question

HTML

<input class="button" type="button" onclick="$.reload('results')" value="Search">

I don't have an id or name for this . Hence am writing

FirefoxDriver driver = new FirefoxDriver();
driver.get("http://....");
driver.findElement(By.cssSelector("input[value=Search]")).click();

But click() is not happening.

Tried driver.findElement(By.cssSelector(".button[value=Search]")).click();

Tried value='Search' (single quotes).

these Selectors are working in

.button[value=Search] {
padding: 10px;
}
input[value=Search] {
padding: 10px;
}

Looks ok. Are you sure the driver.get() loads the correct page ? Are you using any JS Frameworks ? Maybe you have to wait for some ajax calls to finish. — VolkerK
– VolkerK, Commented Oct 24, 2012 at 7:05
@Arran am stuck with that question; am not sure if it is finding my 'Search' button — user1769790
– user1769790, Commented Oct 24, 2012 at 15:51
If using Firefox, use the IDE with your selector and verifies that the IDE actually sees something. — Arran
– Arran, Commented Oct 24, 2012 at 16:03

eugene.polschikov · Accepted Answer · 2012-10-24 12:49:50Z

2

i would inject piece of js to be confident in resolving this issue:

first of all locate element using DOM (verify in firebug): locating

public void jsClick(){

        JavascriptExecutor js = (JavascriptExecutor) driver;
        StringBuilder stringBuilder = new StringBuilder();
        stringBuilder.append("document.getElementsByTagName('button')[0].click();");
        js.executeScript(stringBuilder.toString());
    }
jsClick();

from the retrospective of your element it be like:

....
stringBuilder.append("document.getElementsByTagName('input')[0].click();");
....

Please, note: document.getElementsByTagName('input') returns you an array of DOM elements. And indexing it properly e.g. document.getElementsByTagName('input')[0], document.getElementsByTagName('input')1, document.getElementsByTagName('input')[2].... ,etc you will be able to locate your element.

Hope this helps you. Regards.

answered Oct 24, 2012 at 12:49

eugene.polschikov

7,3392 gold badges35 silver badges44 bronze badges

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

7 Comments

user1769790 Over a year ago

This helped to find the element, but click() not happening. driver not executing the click(); is it because i have my onclick event to this input?

eugene.polschikov Over a year ago

well, try to locate your error step by step. open your page in firefox, open firebug, open console in firebug and simply try to execute following piece of code in console: document.getElementsByTagName('button')[0].click() and see what happens

eugene.polschikov Over a year ago

javascript 'click' approach is robust and always works for me. If nothing happens - you should check carefully that you've found web element properly

user1769790 Over a year ago

'Run' on document.getElementsByTagName('button')[5].click(); working absolutely fine. I just have this public void jsClick(){ JavascriptExecutor js = (JavascriptExecutor) driver; StringBuilder stringBuilder = new StringBuilder(); stringBuilder.append("document.getElementsByTagName('button')[0].click();"); js.executeScript(stringBuilder.toString()); } jsClick();

eugene.polschikov Over a year ago

nice) so as you can see in this public jsClick you mention improper arg order. change 'document.getElementsByTagName('button')[0]' to 'document.getElementsByTagName('button')[5]'. So as I can see it be: public void jsClick(){ JavascriptExecutor js = (JavascriptExecutor) driver; StringBuilder stringBuilder = new StringBuilder(); stringBuilder.append("document.getElementsByTagName('button')[5].click();"); js.executeScript(stringBuilder.toString()); } jsClick();

|

Jotish · Accepted Answer · 2013-10-16 09:53:01Z

1

Please use the below code.

driver.findElement(By.cssSelector("input[value=\"Search\"]")).click();

It works for me. And make sure that the name is "Search", coz it is case sensitive.

Thanks

answered Oct 16, 2013 at 9:53

Jotish

111 bronze badge

Comments

Ioan · Accepted Answer · 2012-11-01 13:35:19Z

0

Are you sure that using this CSS-selector (input[value=Search]) on your page you have only one result?

answered Nov 1, 2012 at 13:35

Ioan

5,1873 gold badges33 silver badges51 bronze badges

Comments

Amith · Accepted Answer · 2013-10-18 05:52:22Z

single quotes are missing in your code, the [value=Search] should be replaced with [value='Search'].

first you have to check if the selector u are using will work or not..

If you are using chrome or FF,you can follow these steps,

go to the page where button (to be clicked) is present,
open web console and type in the following and click enter..

$("input[value='Search']")

or

$("input[value='Search'][type='button']")

or

$("input[value='Search'][type='button'].button")

you will get a list of elements which can be accessed using this selector, if that list contains only one element (button that you want to click), then this selector is valid for your use..otherwise u'l have to try some other selector..

If any of the above selector is valid,u'l have to change your code accordingly..

driver.findElement(By.cssSelector("input[value='Search'][type='button'].button")).click();

Collectives™ on Stack Overflow

click() on css Selector not working in Selenium webdriver

4 Answers 4

7 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related