Selenium - click on a toggle element

Question

I am struggeling with selenium.

Basically I want to click the following element to toggle the element:

<div class="view-icon fadeIn" title="" data-placement="top" data-toggle="tooltip" data-original-title="Switch to List View">
<i class="fa fa-bars"></i>
</div>

It changes to:

<div class="view-icon fadeIn" title="" data-placement="top" data-toggle="tooltip" data-original-title="Switch to Tab View">
<i class="fa fa-list-alt"></i>
</div>

After that I just want to fill in the form and test its output.

The method I wrote for clicking this element:

public void clickAtListView() {
        WebElement listView = driver.findElement(By.xpath("//div[@class='view-icon fadeIn']"));
        listView.click();
    }

However, i am getting:

Exception in thread "main" org.openqa.selenium.ElementNotVisibleException: Element is not currently visible and so may not be interacted with
Command duration or timeout: 50 milliseconds

Any recommendations why I get this exception?

I appreciate your answer!

UPDATE

It seems to me that the list element gets shown when I put Thread.sleep(10000); before:

However, i still get the exception ;(

Nguyen Vu Hoang · Accepted Answer · 2014-07-10 17:03:57Z

2

As your sent exception said the element is not visible to take any action.

Hence, your code

WebElement listView = driver.findElement(By.xpath("//div[@class='view-icon fadeIn']"));

gets a hidden element (E.g. "View Tab" element). Please try this one

WebElement listView = driver.findElement(By.xpath("//div[@data-original-title='Switch to List View']"));

answered Jul 10, 2014 at 17:03

Nguyen Vu Hoang

1,58014 silver badges19 bronze badges

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

Comments

tim-slifer · Accepted Answer · 2014-07-11 02:03:27Z

0

It looks like you just need to add one extra path to your XPath:

driver.findElement(By.xpath("//div/[@class='view-icon fadeIn']/i"));

Additionally, instead of defining separate elements for Tab View and List View, you can use the selector above as, for example, Toggle Views.

answered Jul 11, 2014 at 2:03

tim-slifer

1,0881 gold badge10 silver badges18 bronze badges

Collectives™ on Stack Overflow

Selenium - click on a toggle element

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related