CODEWITHSUNDEEP
javascriptjqueryhtmlseleniumselenium-webdriver
testing
testing

Reputation: 1796

How to create javascript executor to make element visible in selenium webdriver

Currently am working on selenium webdriver. I have many drop downs like visualization, Period, Type etc,. In the drop down many options are there. I want to select an option from the drop down and my target is to find element is through ID.

But in the HTML tag the element is not visible to select the option. I verified so many question in that they are mentioning use javascript exceutor.

Can any one please help me the java script for the html tag:

<select id="periodId" name="period" style="display: none;">
<option value="l4w">Last 4 Weeks</option>
<option value="l52w">Last 52 Weeks</option>
<option value="daterange">Date Range</option>
<option value="weekrange">Week Range</option>
<option selected="" value="monthrange">Month Range</option>
<option value="yeartodate">Year To Date</option>
</select>

Upvotes: 1

Views: 13509

Answers (1)

ievche
ievche

Reputation: 1805

You can try to use the following script to make element visible: document.getElementById('periodId').style.display='block';

In java code this script can be executed with the following code:

JavascriptExecutor executor = (JavascriptExecutor)driver;
executor.executeScript("document.getElementById('periodId').style.display='block';");

If you just want to select an option in drop down you can use the following java code:

Select select = new Select(driver.findElement(By.id("periodId")));
select.deselectAll();
select.selectByVisibleText("Last 4 Weeks");

Upvotes: 4

Related Questions