isClickable

要素がクリック可能とみなされるのは、以下の条件が満たされた場合です。

• 要素が存在する
• 要素が表示されている
• 要素が無効になっていない
• 要素がビューポート内にある
• 要素をビューポートにスクロールできる
• 要素の中心が別の要素と重なっていない

それ以外の場合は false を返します。

情報

isClickable は、WebブラウザーおよびモバイルWebビューでのみ動作し、モバイルアプリのネイティブコンテキストでは動作しないことに注意してください。また、他の要素コマンドとは異なり、WebdriverIO はこのコマンドを実行するために要素が存在するのを待機しません。

使用法

$(selector).isClickable()

例

isClickable.js

it('should detect if an element is clickable', async () => {
    const el = await $('#el')
    let clickable = await el.isClickable();
    console.log(clickable); // outputs: true or false

    // wait for element to be clickable
    await browser.waitUntil(() => el.isClickable())
});