Selenium is throwing an ElementNotInteractableError indicating that the element is not able to be

Question

Selenium is throwing an ElementNotInteractableError indicating that the element is not able to be

Today I decided to dive into learning Selenium, but I've hit a roadblock while trying to click on an element that looks like this:

<a rel="nofollow" style="" href="javascript:void(0);" time="" itemid="1523208" data-has-req="0" class="button okletsdothis nonsubscriber dl button-green" title="Download">
  <span class="icon-download" time="" itemid="1523208"></span>
  Download
</a>

I'm encountering the following error in the console:

ElementNotInteractableError: element not interactable

Here's the code where I locate the element and try to perform a click action:

let downloadButton = await driver.wait(
    until.elementLocated(
      By.xpath(
        '(//a[@class="button okletsdothis nonsubscriber dl button-green"])'
      )
    ),
    100000,
    "Timed out after 30 seconds",
    5000
  );

await downloadButton.click();

If I change the XPath and click on an element like this

By.xpath('(//div[@class="download-button ide"])')

it works perfectly fine. However, with the previous element, I can't seem to make it work. Any assistance would be greatly appreciated.

javascript selenium selenium-webdriver xpath webdriverwait

Answer 1

Answer №1

If you need to interact with the element labeled as Get It Now, you can utilize the provided Locator Strategies:

let getItNowButton = await driver.wait(
    until.elementLocated(
      By.xpath(
    '(//a[@class="button dothis subscriber dl button-blue" and @title="Get It Now"])'
      )
    ),
    100000,
    "Exceeded time limit of 30 seconds",
    5000
  );

await getItNowButton.click();

Alternatively,

let getItNowButton = await driver.wait(
    until.elementLocated(
      By.xpath(
    '(//a[@class="button dothis subscriber dl button-blue" and @title="Get It Now"]/span[@class="icon-download"])'
      )
    ),
    100000,
    "Exceeded time limit of 30 seconds",
    5000
  );

await getItNowButton.click();

Answer 2

If you need to interact with the element labeled as Get It Now, you can utilize the provided Locator Strategies:

let getItNowButton = await driver.wait(
    until.elementLocated(
      By.xpath(
    '(//a[@class="button dothis subscriber dl button-blue" and @title="Get It Now"])'
      )
    ),
    100000,
    "Exceeded time limit of 30 seconds",
    5000
  );

await getItNowButton.click();

Alternatively,

let getItNowButton = await driver.wait(
    until.elementLocated(
      By.xpath(
    '(//a[@class="button dothis subscriber dl button-blue" and @title="Get It Now"]/span[@class="icon-download"])'
      )
    ),
    100000,
    "Exceeded time limit of 30 seconds",
    5000
  );

await getItNowButton.click();

Selenium is throwing an ElementNotInteractableError indicating that the element is not able to be

Answer №1

Similar questions

The Antd table documentation mentions that rowKey is expected to be unique, even though it appears they are already

Adjust the Placement of Images in Relation to Mouse Movements

Angular: Keeping all FormControls in sync with model updates

Material UI Input Field, Present Cursor Location

Error: The term "Worker" is undefined in a new Nextjs project

"Is there a way to ensure that jPlayer plays the same song even after a page refresh

Incorporating marker tags to different sections of text within a contenteditable div

Choosing a row in a table with ASP.NET by utilizing jQuery on click

Tips for implementing personalized command buttons in Kendo Grid with AJAX request utilizing JavaScript

Is there a way to efficiently modify the positions of numerous markers on Google Maps while utilizing PhoneGap?

How can you retrieve the <head> content from a remote website without being able to make any changes to that site?

Sending Multiple Sets of Data with Jquery Ajax.Post: A Step-by-Step Guide

The dropdown menu button stubbornly remains open and refuses to close

An error occurred while trying to initialize the ui.bootstrap.demo module in AngularJS

Creating dynamically generated nested text inputs with individual v-model bindings upon the clicking of a button

The perfect approach for loading Cordova and Angularjs hybrid app flawlessly using external scripts

Pass a URL string to a different script using Node.js

Having trouble serving static files with express.Router?

Mozilla Extension: Run code on initial launch

Guide to utilizing an if statement to return a string as the title in a Tooltip pro