javascript - Selenium WebDriver clicking on hidden element - Stack Overflow

admin管理员组

文章数量:1203823

Hi I would like to know how to click on hidden element and/or disable element by using Selenium WebDriver.

I know with selenium 1 I can do this as below:

selenium.click(id="idOfHiddenField");

and this would work, but with selenium 2 (WebDriver), this doesn't. I do not want to use jquery to enable or show hidden fields , or JavaScript. This is because most of the test are using xpath.

Or do I just have to stay with old selenium which allows you to click on hidden fields?

Hi I would like to know how to click on hidden element and/or disable element by using Selenium WebDriver.

I know with selenium 1 I can do this as below:

selenium.click(id="idOfHiddenField");

and this would work, but with selenium 2 (WebDriver), this doesn't. I do not want to use jquery to enable or show hidden fields , or JavaScript. This is because most of the test are using xpath.

Or do I just have to stay with old selenium which allows you to click on hidden fields?

• javascript
• selenium
• selenium-webdriver
• webdriver
• hidden-field

Share Improve this question Follow edited Jun 26, 2015 at 9:07 Ripon Al Wasim 37.7k4242 gold badges158158 silver badges178178 bronze badges asked Aug 20, 2012 at 15:30 Chun ping WangChun ping Wang 3,9291212 gold badges4444 silver badges5454 bronze badges 4

• 1 WebDriver does not allow for interacting with hidden elements. It makes sense - user cannot click a hidden field so why your tests should be doing so? – JacekM Commented Aug 20, 2012 at 17:13
• Like JaceM mentioned go through the web flow like a normal user would. If a user has to click something to make that element visible then do it. There isn't much more I can say on this matter. – Greg Commented Aug 20, 2012 at 17:57
• i want to be able to create fake data on test environment but through hidden field hacks.. also test against javascript turned off... etc. – Chun ping Wang Commented Aug 20, 2012 at 20:29
• A lot of jquery-ui widgets use hidden elements, which contain the real value being submitted. Those jquery-ui widgets can be changed out, breaking all your tests, but if you test using the underlying element, your tests will continue to work. I'm thinking CSS injection might be a way to force all the desired hidden elements visible. But the test might look funny having two visible elements side-by-side for every jquery-ui widget. – Brain2000 Commented Sep 27, 2018 at 17:49

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 14

There is a easier way to work around the problem using JavascriptExecutor.

For example:

document.getElementsByClassName('post-tag')[0].click();

The above javascript would click on the "Selenium" tag on the top right of this page (next to your question), even if it were hidden (hypothetically).

All you need to do is issue this JS instruction via the JavascriptExecutor interface like so:

(JavascriptExecutor(webdriver)).executeScript("document.getElementsByClassName('post-tag')[0].click();");

This would use the JS sandbox and synthetic click event to perform the click action. Although it defeats the purpose of WebDriver user activity simulation, you can use it in niche scenarios like in your case to good effect.

there is one answer but multiple suggestions:

Answer: use selenium backed driver to click on the hidden element using something like

Selenium selenium = new WebDriverBackedSelenium(driver, baseUrl);
selenium.clickAt("xpath=//area[@alt='Mercury']", clickPoint);

Suggestion 1: to create fake data specially if there's a lot to be created and you are looking for FOSS go for JMeter.

Suggestion2: to check javascript turned off disable javascript in the firefox instance itself e.g.

DesiredCapabilities capabilities = DesiredCapabilities.firefox();
capabilities.setJavascriptEnabled(false);

It may not fit your needs, but another solution for some might be to alter the CSS for hiding an element.

Whilst Selenium won't find an element with display: none; it will find an element with the following:

.hide {
    position: absolute;
    top: -99em;
    left: -99em;
}

Then rather than using jQuery.show/hide/toggle in your app, you would use jQuery.toggleClass('hide', true/false/unset_to_toggle).

本文标签： javascriptSelenium WebDriver clicking on hidden elementStack Overflow