To Be, or Not to Be… an Element
Element#visible? will soon do the same thing as
Element#present?, which has the potential to cause problems if
UnknownFrameException in your code. While we aren’t officially
#visible?, we recommend that you make sure that you need to be using any existence check in the first place
(see point #1 in the next section), and if you do, switch to using
There are a bunch of different terms that mean slightly different things when it comes to whether an element “exists”. See the Terminology section below for the meaning of the terms used in quotes in this article.
There are two major use cases for evaluating whether an element is there.
- Ensure it is usable before taking an action on it
- This is what we implemented as the default for Watir 6. We intentionally maintained a distinction
between taking an action on an element and locating the element. The goal is to allow the instantaneous querying of
the condition or status of an element at any time, while also making every effort to take the requested action. If
you are using the
#visible?method as part of a wait, it is likely an unnecessary call at this point and safe to remove.
- This is what we implemented as the default for Watir 6. We intentionally maintained a distinction between taking an action on an element and locating the element. The goal is to allow the instantaneous querying of the condition or status of an element at any time, while also making every effort to take the requested action. If you are using the
- Validate the user can see it
- For this we don’t actually care if an element “exists” in the DOM, if it isn’t also “displayed,” so we need to explore what this means.
Justin Ko has a great synopsis of the three applicable predicate methods for a Watir element. Of these three, “exist” is typically insufficient for our needs and “visible” is redundant. In the US Legislature, a Representative has three options for a vote: “aye”, “no,” and “present.” I like that this connotation of “present” is the one that Watir chose to use, as it indicates that the member is in plain sight on the floor of Congress and in a state ready and able to take action.
For comparison, Capybara makes no distinction between
there is only
#find and this method will only locate “displayed” elements.
To locate an element that “exists” but is not “displayed,” the
user must pass in
hidden: true. I like that Watir makes it easier to locate and query elements without needing to
know their state ahead of time, but we also have more options and more confusion than we want or need.
Q: What does
Watir::Element#visible? do that
Watir::Element#present? does not?
A: Nothing except throw an exception when the element does not “exist” in the DOM.
#visible? change if I scroll the element out of view?
A: No. These methods are ultimately implemented by the atom
isShown, and only attempts to answer the question of whether it
can be seen by the user assuming that the element is moved into the viewport first, even if it has not been.
true, does that mean the element is interactable?
A: Unfortunately, not necessarily. It is possible that attempting to click the element will give a “click intercepted” error or an “element not interactable” error. Future versions of the w3c specification are likely going to provide endpoints to evaluate whether this is true without taking the action, and future versions of Watir will make it easier to set default handling behaviors for these issues. At this point it might still be messy, so reach out to us if you get stuck trying to handle this situation.
true, does that mean the element is actually able to be seen by the user?
A: Unfortunately, also not necessarily. The W3C WebDriver specification ended up not even trying to determine what makes an element displayed. For more details, you can watch David Burns speak about this at the Selenium Conference in London a couple years ago.
- viewport - the subset of the page that can be viewed by the user at a given time (this will vary by device, window size, etc)
- displayed -
Selenium’s JSON Wire Protocol Endpoint called from
- shown -
- exists - Watir’s oldest boolean method that determines if an element is in the DOM regardless of state
- visible - Assuming that an element “exists,” Watir uses Selenium to determine if it is “displayed”
- present - Watir determines if the element both “exists” and is “visible”
- hidden - A filtering option used by Watir & Capybara for elements that are “displayed”
- interactable - Attempting to determine if an action can be taken