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

Question

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?

score 10 · Accepted Answer · answered Feb 07 '13 at 20:25

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.

score 1 · Answer 2 · answered Feb 08 '13 at 04:53

Answer 1:

You can check the modal status by checking the Presence or Visibility of a Web Element in the modal.

Answer 2:

You can check the Visibility parameter of the error message.

To check Element Present:

if(driver.findElements(By.xpath("value")).size() != 0){
System.out.println("Element is Present");
}else{
System.out.println("Element is Absent");
}

Or

if(driver.findElement(By.xpath("value"))!= null){
 System.out.println("Element is Present");
}else{
System.out.println("Element is Absent");
}

To check Visible:

if( driver.findElement(By.cssSelector("a > font")).isDisplayed()){
System.out.println("Element is Visible");
}else{
System.out.println("Element is InVisible");
}

`findElement` doesn't return null if the element is not found, but throws an `ElementNotFoundException`. See [the docs](http://www.seleniumhq.org/docs/03_webdriver.jsp#locating-ui-elements-webelements) — Matthijs Wessels, Sep 19 '16 at 14:58

score 0 · Answer 3 · answered Feb 07 '13 at 13:22

Below might be useful for you.

Just pass your element to this method it will return true if that element is visible in dom otherwise it will return false.

isElementPresent(WebDriver driver,By by)  
 {  
    driver.manage().timeouts().implicitlyWait(0, TimeUnit.SECONDS);  
    try  
    {  
       driver.findElement(by);  
       return true;  
    }  
    catch(Exception e)  
    {  
       return false;  
    }  
    finally  
    {  
       driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);  
     }  
 }

For more info see this blog post

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

3 Answers3