Guide on utilizing selenium webdriver for link clicking

Question

Guide on utilizing selenium webdriver for link clicking

Is there a way to utilize selenium webdriver in order to retrieve all links from a page that contain the attribute a[href*=/simulation/form/], and proceed to open and close each one?

Although I attempted the code provided below, I encountered the error message

TypeError: link.click is not a function

var simLinks = driver.findElements(By.css('a[href*=/simulation/form/]'));

for(var link in simLinks){
  link.click();
  driver.wait(30000);
  driver.back();
}

Running console.log(simLinks.length) resulted in undefined

However, when attempting to open a single link of that type, it executes without issue:

var simLinks = driver.findElement(By.css('a[href*=/simulation/form/]')).click();

javascript selenium selenium-webdriver

Answer 1

Answer №1

To check objects thoroughly, utilize the util.inspect() function:

const util = require('util');
...
console.log(util.inspect(simLinks));

Upon inspection, you will notice that simLinks is a ManagedPromise, requiring you to modify your code in the following manner for it to function correctly:

driver.findElements(By.css('a[href*="/simulation/form/"]')).then(function (simLinks) {
  for (let link of simLinks) {
    link.click();
    driver.wait(until.urlContains('/simulation/form/', 30000));
    driver.navigate().back();
  }
});

The issue arises when only the initial click operation works, and upon navigating back, a valid StaleElementReferenceError occurs - indicating that the page has changed and the subsequent element in the loop is no longer visible. To tackle this, it would be more effective to gather the link addresses instead and use them in conjunction with driver.navigate().to(link):

driver.findElements(By.css('a[href*="/simulation/form/"]')).then(function (simLinks) {
  var hrefs = simLinks.map(link => link.getAttribute('href'));
  for (let link of hrefs) {
    driver.navigate().to(link);
    driver.wait(until.urlContains('/simulation/form/', 30000));
    driver.navigate().back();
  }
});

Answer 2

To check objects thoroughly, utilize the util.inspect() function:

const util = require('util');
...
console.log(util.inspect(simLinks));

Upon inspection, you will notice that simLinks is a ManagedPromise, requiring you to modify your code in the following manner for it to function correctly:

driver.findElements(By.css('a[href*="/simulation/form/"]')).then(function (simLinks) {
  for (let link of simLinks) {
    link.click();
    driver.wait(until.urlContains('/simulation/form/', 30000));
    driver.navigate().back();
  }
});

The issue arises when only the initial click operation works, and upon navigating back, a valid StaleElementReferenceError occurs - indicating that the page has changed and the subsequent element in the loop is no longer visible. To tackle this, it would be more effective to gather the link addresses instead and use them in conjunction with driver.navigate().to(link):

driver.findElements(By.css('a[href*="/simulation/form/"]')).then(function (simLinks) {
  var hrefs = simLinks.map(link => link.getAttribute('href'));
  for (let link of hrefs) {
    driver.navigate().to(link);
    driver.wait(until.urlContains('/simulation/form/', 30000));
    driver.navigate().back();
  }
});

Answer 3

Answer №2

My recommendation would be to utilize the following:

console.log(simLinks.size())

As for the parentheses, I am uncertain if they are necessary in JavaScript, but they are mandatory in Java.

Answer 4

My recommendation would be to utilize the following:

console.log(simLinks.size())

As for the parentheses, I am uncertain if they are necessary in JavaScript, but they are mandatory in Java.

Guide on utilizing selenium webdriver for link clicking

Answer №1

Answer №2

Similar questions

Yeoman - A guide for integrating an express server task into Gruntfile.js from the generator-angular template

Send the user back to the previous page once authentication is complete

AccessMediaStream - camera direction

Having trouble incorporating a variable into a jQuery selector

The issue with Angular-gettext is that it fails to update dynamically generated strings in the code

When using jQuery Ajax, only pass the query string if it is defined and not empty

Here is a unique version: "A guide on centering a carousel item in jquery upon being clicked."

Obtain the dynamic $scope variable within the HTML structure

Are there any JavaScript alternatives to Python's pass statement that simply performs no action?

Elegant Bootstrap 4 Carousel featuring a glimpse of the upcoming slide alongside the primary carousel item

How to Embed a Javascript (jquery) Variable within a JSON Object

Unlock the power of jQuery chaining with the val() method

Deferred computed property fails to recognize the final character entered into the input field

Unable to access API endpoint for retrieving items as described in the Express/React tutorial on Pluralsight

"Real-time image upload progress bar feature using JavaScript, eliminating the need for

Having issues with AJAX and button submit while trying to upload a file using Flask

Is there a way for me to detect if the user has manipulated the CSS or JavaScript in order to alter the look of my website?

Display a specific element only if another element exceeds a specified height

What could be causing the "Circular structure to JSON" error in Node.js when executing a MySQL query?

Searching for elements by their classname that starts with specific text in Selenium can be accomplished by using the