Selenium IDE - How to check that an element is (CSS) visible?

css selenium selenium-ide
BadHorsie picture BadHorsie · Feb 7, 2013 · Viewed 10.8k times · Source

Example 1: Checking that a Twitter Bootstrap modal has opened.

The modal already exists on the page but is hidden with CSS until the modal is opened. So how do I verify that the modal actually opened?

Example 2: Checking that a user error message div was displayed.

The error message div always exists but is hidden with CSS until it is needed. How do I verify that the message is visible?

Answer

HKstrongside picture HKstrongside · Feb 7, 2013

You could try using the verifyVisible command. This looks at the css to see if visibility or display is set. It will return true if either of these are visible or returns false otherwise. You will need to pass in a locator. Use the element of the modal that is being controlled by the css.

Related questions

Find div element by multiple class names?

<div class="value test" /> I'd like to identify that web element. It only has this two classes defined. I cannot do the following as className does not take a space separated value. What are alternatives? @FindBy(className = "value …

Read More
How to check if element contains specific class attribute

How can I check if a selenium web element contains a specific css class. I have this html li element <li class="list-group-item ng-scope active" ng-repeat="report in lineageController.reports" ng-click="lineageController.activate(report)" ng-class="{active : lineageController.active == report}"&…

Read More
how to get attribute value using selenium and css

I have the following HTML code: <a href="/search/?p=2&q=move&mt=1"> 2 </a> I would like to get what is contained in href, ie, I was looking for a command which would give …

Read More