Selector.filterHidden Method

Returns elements that do not meet the visibility criteria.

Selector().filterHidden() → Selector

Visibility Criteria

TestCafe does not interact with invisible elements.

If the element or one of its parents meets the following criteria, TestCafe considers the element to be invisible.

  • The value of the element’s display property is none
  • The value of the element’s visibility property is hidden or collapse
  • The element has a width or height of 0.

Elements that do not meet these criteria may still be invisible to the user. The following factors do not influence the element’s visibility status:

  • The element’s z-index
  • The element’s opacity
  • The element’s position on the page

Example

// Selects all hidden div elements.
const hiddenSelectors = Selector('div').filterHidden();