Webdriver/Selenium Difference between methods .isDisplayed() and .isEnabled()?

Hi All,

I have seen so many posts where people asked the differences between .isDisplayed() and .isEnabled() in Selenium/Webdriver automation and found mostly people are still confused.

The methods .isDisplayed() and .isEnabled() have nothing in common.

 Here I am trying to explain the read differences between .isDisplayed() and .isEnabled(). As name itself clearly says .isDisplayed() means is my object are visible or not on my webpage means Am I able to see my element through my eyes.

Method .isDisplayed() :

An element is considered displayed when it is perceptually visible to the human eye.

The element displayed algorithm is a boolean state where true signifies that the element is displayed and false signifies that the element is not displayed.

To compute the state on element:

• ·         If the attribute hidden is set, return false.
• ·         If the computed value of the display style property is "none", return false.

Like

<input type="hidden" name="abc" value="10" id="hiddenFiled1" />

Observe the output, since element with id hiddenField1 is hidden from web page, so isDisplayed method return false, whereas isEnabled() method return true.

OR

Refer below link

http://www.w3schools.com/css/tryit.asp?filename=trycss_display_block

Try to run with display: block;  and display: none;

Method .isEnabled() :

An element is considered enabled if it's not a form control (button, input, textarea, select or option) or when the user interactions and focus are not blocked with the disabled attribute/property.

Is Element Enabled determines if the referenced element is enabled or not. This operation only makes sense on form controls.

Like

Last name: <input type="text" name="lname" disabled><br>

Last name: <input type="text" name="lname" enabled><br>

 

Refer below link

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_disabled

Last name: <input type="text" name="lname" disabled><br>

https://www.w3.org/TR/webdriver/#is-element-enabled

Perform Mouse, drag-and-drop, sliding, selecting multiple Action in Webdriver/Selenium 2

Perform Mouse, drag-and-drop, sliding, selecting multiple Actions in Web driver/Selenium 2 

Solution

The example code below shows some examples where we can use the Actions interface of Selenium WebDriver.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

package selenium2.examples; import java.util.List; import org.openqa.selenium.By; import org.openqa.selenium.Keys; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; import org.openqa.selenium.interactions.Action; import org.openqa.selenium.interactions.Actions; import org.testng.annotations.AfterClass; import org.testng.annotations.BeforeClass; import org.testng.annotations.Test; public class ActionExample { private static WebDriver driver; @BeforeClass public void setUp() { driver = new FirefoxDriver(); } @AfterClass public void tearDown() { driver.close(); driver.quit(); } @Test public void draggable() { driver.get("http://jqueryui.com/demos/draggable/"); WebElement draggable = driver.findElement(By.id("draggable")); new Actions(driver).dragAndDropBy(draggable, 120, 120).build() .perform(); } @Test public void droppable() { driver.get("http://jqueryui.com/demos/droppable/"); WebElement draggable = driver.findElement(By.id("draggable")); WebElement droppable = driver.findElement(By.id("droppable")); new Actions(driver).dragAndDrop(draggable, droppable).build().perform(); } @Test public void selectMultiple() throws InterruptedException { driver.get("http://jqueryui.com/demos/selectable/"); List<WebElement> listItems = driver.findElements(By .cssSelector("ol#selectable *")); Actions builder = new Actions(driver); builder.clickAndHold(listItems.get(1)).clickAndHold(listItems.get(2)) .click(); Action selectMultiple = builder.build(); selectMultiple.perform(); } @Test public void sliding() { driver.get("http://jqueryui.com/demos/slider/"); WebElement draggable = driver.findElement(By .className("ui-slider-handle")); new Actions(driver).dragAndDropBy(draggable, 120, 0).build().perform(); } }