Issue with selenium webdriver isDisplayed() method in Javascript

Question

Issue with selenium webdriver isDisplayed() method in Javascript

I am currently developing a test using Selenium and JavaScript.

During one part of the test, I need to go through an array of input elements and fill in values for those that are visible.

if (textInputs.length > 0) {
    console.log('handling text input');
    var i, textInputLen;
    for (i = 0, textInputLen = textInputs.length; i < textInputLen; i++) {
      (function (index) {
        if (textInputs[index].isDisplayed()) {
            textInputs[index].sendKeys("custom text box - " + textBoxes);
            textBoxes++;
        }      
      }(i))
    }
  }

However, I keep encountering the error message

ElementNotVisibleError: element not visible

when trying to fill in inputs that are not displayed on the DOM. What could be causing this issue? And how can I resolve it?

I have attempted different methods instead of using isDisplayed():

I ran JS code to check if the element had visibility set to hidden or display set to none. The problem here is that the element being displayed could result from various reasons, so I am searching for a more universal solution. In this scenario, utilizing isDisplayed() would be ideal.

Please provide guidance on how to address this issue.

javascript selenium selenium-webdriver

Answer 1

Answer №1

When using the method .isDisplayed(), it is important to note that it returns a promise rather than the actual displayed state. To retrieve the resolved result, utilize then in the following manner:

element.isDisplayed().then(function(status){
    console.log(status):
});

An alternative approach involves filtering a list of elements using webdriver.promise.filter:

var checkboxes = driver.findElements(By.css("input[type=checkbox]"));

webdriver.promise.filter(checkboxes, function(element) {
    return element.isDisplayed();
}).then(function(element) {
    element.click();
});

Answer 2

When using the method .isDisplayed(), it is important to note that it returns a promise rather than the actual displayed state. To retrieve the resolved result, utilize then in the following manner:

element.isDisplayed().then(function(status){
    console.log(status):
});

An alternative approach involves filtering a list of elements using webdriver.promise.filter:

var checkboxes = driver.findElements(By.css("input[type=checkbox]"));

webdriver.promise.filter(checkboxes, function(element) {
    return element.isDisplayed();
}).then(function(element) {
    element.click();
});

Issue with selenium webdriver isDisplayed() method in Javascript

Answer №1

Similar questions

A guide on extracting a JSON data with a BigInt type using TypeScript

Testing Playwright API against a corporate proxy results in timeouts and failures

Changing the names of elements within an array of objects using Javascript in a React application

Characteristics of events within the embed element

Expandable menu using jQuery

Raphael and Safari: The Perfect Pair

Viewing HTML files remotely using Kendo UI Mobile

Material UI does not support the inline attribute for applying CSS properties

Integration of Selenium with Java using TFS

ACE.js enhances website security through Content Security Policy

Locating elements effortlessly using Selenium and Capybara: Search for selectors within any element

What is the best way to implement alphabetical pagination using Material UI Pagination?

What method do Python developers typically use for managing data effectively?

The custom error page in NextJS is failing to display

Is there a way to conceal my button menu when printing?

Sending Data from Dialog Box1 to Dialog Box2 in ASP.NET Using JavaScript

Conquering disparities in standards mode with Javascript

Modify the value of the 'key' within an array in JavaScript

Is there a way to identify when the back button on an Android device is pressed while using a

A guide on dynamically using jQuery to embed an image within a hyperlink tag