Loading challenge...
Hidden Elements
Find and interact with hidden elements
Display None
Element hidden with display: none
This element is hidden with display: none
Element exists in DOM but is not visible
Visibility Hidden
Element hidden with visibility: hidden
This element is hidden with visibility: hidden
Element takes up space but is invisible
Opacity Zero
Element with opacity: 0
This element has opacity: 0
Element is invisible but clickable
Off-screen Element
Element positioned outside the viewport
This element is positioned off-screen
Off-screen content
Element exists but is positioned outside viewport
Zero Size Element
Element with zero dimensions
This element has zero width and height
Zero size
Element exists with 0x0 dimensions
Toggle Visibility
Show or hide an element dynamically
Element is: hidden
Collapsible Section
Click to expand or collapse content
This content was hidden until you expanded the section.
- Item 1
- Item 2
- Item 3
Hidden Form Fields
Input fields of type hidden
ARIA Hidden
Element hidden from screen readers
(aria-hidden=true)
Visible but hidden from accessibility tools
Testing Tips
Automation hints
- ✓ Use
isVisible()to detect elements withdisplay:noneorvisibility:hidden - ✓ Elements with
opacity:0are invisible but still clickable — verify with#btn-opacity-zero - ✓ Access hidden input values using
inputValue()on#input-hidden - ✓ Toggle visibility and check
#element-toggleable-statusreflects current state - ✓ Use
aria-hiddenattribute check for accessibility-hidden elements
