isClickable

Return true if the selected DOM-element:

• exists
• is visible
• is within viewport (if not try scroll to it)
• its center is not overlapped with another element
• is not disabled

otherwise return false.

info

Please note that isClickable works only in web browser and in mobile webviews, it doesn't work in mobile app native context.

Usage

$(selector).isClickable()

Example

isClickable.js

it('should detect if an element is clickable', () => {

const el = $('#el')

let clickable = el.isClickable();

console.log(clickable); // outputs: true or false

// wait for element to be clickable

browser.waitUntil(() => el.isClickable())

});