CODEWITHSUNDEEP
javascriptnode.jswebdriver-io
JQuery Mobile
JQuery Mobile

Reputation: 6301

Clicking links with WebdriverIO

I have a web page that I am trying to test via Webdriver I/O. My question is, how do I click a couple of links via a test? Currently, I have the following:

var webdriverio = require('webdriverio');
var client = webdriverio.remote(settings).init()
  .url('http://www.example.com')
  .elements('a')
  .then(function(links) {
    for (var i=0; i<links.value.length; i++) {
      console.log('Clicking link...');
      var link = links.value[i].ELEMENT;
      link.click().then(function(result) {
        console.log('Link clicked!');
      });
    }
  })
;

When the above gets executed, I get an error that says "click is not a function" on link. When I print link to the console, it looks like JSON, which would make sense since the documentation says that the elements function returns WebElement JSON objects. Still, I'm just trying to figure out how to click this link.

How does one do such?

Thanks!

Upvotes: 0

Views: 4781

Answers (2)

fidelio
fidelio

Reputation: 223

Hello there you could do directly this though: it clicks all elements a on the page

var client = webdriverio.remote(settings).init()
  .url('http://www.example.com')
  .click('a')
  .end()
);

you could you a selector to target specific a elements example:

.click("article .search-result .abstract .more")

Upvotes: 0

Marty Aghajanyan
Marty Aghajanyan

Reputation: 13409

You need elementIdClick http://webdriver.io/api/protocol/elementIdClick.html

Here is an example

var settings = {
  desiredCapabilities: {
    browserName: 'firefox',
  },
};

var webdriverio = require('webdriverio');
var client = webdriverio.remote(settings).init()
  .url('http://www.example.com')
  .elements('a')
  .then(function(links) {
    for (var i=0; i<links.value.length; i++) {
      console.log('Clicking link...');
      var link = links.value[i].ELEMENT;
      client.elementIdClick(link).then(function(result) {
        console.log('Link clicked!');
      });
    }
  });

Result of the above code will be

Clicking link... Link clicked!

Upvotes: 5

Related Questions