.visible API

[joelgriffith]

Ensures that's elements are visible (which is a hard thing to implement in a .evaluate as there's a whole host of things that can make something invisible).

[schickling]

This could be an interesting addition to the API. Would be great to brainstorm on the conditions that make an element invisible, so we have a good foundation for the implementation.

[justincy]

Here's how Selenium/WebDriver defines it:

Determines whether an element is what a user would call "shown". This means that the element is shown in the viewport of the browser, and only has height and width greater than 0px, and that its visibility is not "hidden" and its display property is not "none". Options and Optgroup elements are treated as special cases: they are considered shown iff they have a enclosing select element that is shown.

Elements in Shadow DOMs with younger shadow roots are not visible, and elements distributed into shadow DOMs check the visibility of the ancestors in the Composed DOM, rather than their ancestors in the logical DOM.

Sources:

• https://w3c.github.io/webdriver/webdriver-spec.html#dfn-element-displayed
• https://github.com/SeleniumHQ/selenium/blob/1721e627e3b5ab90a06e82df1b088a33a8d11c20/javascript/atoms/dom.js#L531-L541

[L0wry]

@adieuadieu really keen to see this implemented. Lots of user cases where you want to assert or interrogate an element that is in view.

Anything else that you can think of other than what @justincy has provided to help out??

[robertpallas]

I do not think it is important for the element to be in viewport.

Copying Horseman .visible() approach would be enough for me.