Find all clickable elements using webdriverio

Question

I am new to webdriver io and I want to get all clickable elements using webdriver io and iterate through them. I came across 'browser.findElements' API, but could not get it to work. Can anyone provide me a sample code ?

var assert = require('assert');
var homePage = require("../../pages/home_page");

describe('Keyboard friendly home page', () => {  
  it('User should be able to navigate using tab',() => {
    browser.url(homePage.url);
    elements = browser.findElements("div");
    clickableElements = [];
    elements.forEach(element => {
      if (element.isDiplayed() && element.isClickable()) {
        clickableElements.push(element);
      }
    });

    
    clickableElements.array.forEach(element => {
      console.log(elemtent.getText() + "is clickable");
    });
  });
});

What is the error?

pavelsaman
– pavelsaman

2020-11-18 15:34:43 +00:00
Commented Nov 18, 2020 at 15:34 — pavelsaman
– pavelsaman, Commented Nov 18, 2020 at 15:34

pavelsaman · Accepted Answer · 2020-11-18 15:49:25Z

0

There might be two problems with your example:

incorrect use of findElements, see documentation; you can use $$ command where you pass only a selector, no need to pass a location strategy as well
the last forEach loop should look like this:

clickableElements.forEach(element => {
    console.log(elemtent.getText() + "is clickable");
});

answered Nov 18, 2020 at 15:49

pavelsaman

8,4321 gold badge19 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Find all clickable elements using webdriverio

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related