ElementNotInteractableException : element not interactable C# Nunit Selenium

Question

I am new to Selenium C# Nunit. I ran following line of codes

 IWebElement SplitCase = driver.FindElement(By.XPath(".//*[@id='OpportunityPageV2UsrSplitCase503e4272-cdbd-44d2-98c2-e67a2996c717ComboBoxEdit-el']"));
 SplitCase.Click();
        
 IWebElement SplitCaseYes = driver.FindElement(By.CssSelector("li[data-item-marker=Yes]"));

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(30)); wait.Until(d => (bool)(d as IJavaScriptExecutor).ExecuteScript("return jQuery.active == 0"));

 SplitCaseYes.Click();

I got following Message: Message: OpenQA.Selenium.ElementNotInteractableException : element not interactable (Session info: chrome=89.0.4389.114) Stack Trace: RemoteWebDriver.UnpackAndThrowOnError(Response errorResponse) RemoteWebDriver.Execute(String driverCommandToExecute, Dictionary2 parameters) RemoteWebElement.Execute(String commandToExecute, Dictionary2 parameters) RemoteWebElement.Click() TestClass1.CaseInfoTab() line 151

Then I add 10 seconds of wait :

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
wait.Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("li[data-item-marker=Yes]")));

I got this message:

Message:

OpenQA.Selenium.WebDriverTimeoutException : Timed out after 10 seconds

Stack Trace: DefaultWait1.ThrowTimeoutException(String exceptionMessage, Exception lastException) DefaultWait1.Until[TResult](Func`2 condition) TestClass1.CaseInfoTab() line 150

Please see attachment as well

Thank you for your help NG

Answer 1

Your css selector seems to be wrong.Try now. It should be tagname[attributename='attributeval']

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10)); 
wait.Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("li[data-item-marker='Yes']")));

---

Or Use following xpath.

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10)); 
wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("//li[@data-item-marker='Yes' and text()='Yes']")));

Update:

Try with Java script executor.

IWebElement SplitCaseYes = driver.FindElement(By.CssSelector("li[data-item-marker='Yes']"));
IJavaScriptExecutor executor = (IJavaScriptExecutor)driver;
executor.ExecuteScript("arguments[0].click();", SplitCaseYes);

Answer 2

Change

IWebElement SplitCase = driver.FindElement(By.XPath(".//*[@id='OpportunityPageV2UsrSplitCase503e4272-cdbd-44d2-98c2-e67a2996c717ComboBoxEdit-el']"));

to

IWebElement SplitCase = driver.FindElement(By.XPath("//div[contains(@id,'OpportunityPageV2UsrSplitCase')]"));

I am not sure if there is div In the beginning. I do not see it on the screenshot. Verify it. The locator that you use is not stable. Also add explicit waits.

Try 2:

For SplitCaseYes also try using this css selector: By.CssSelector('li[data-item-marker="Yes"]') or ul>li[data-item-marker=Yes] or their variations.

Also, add wait before clicking your element.

WebDriverWait wait = new WebDriverWait(PropertiesCollection.driver, TimeSpan.FromSeconds(30));
WebElement el = wait.until(ExpectedConditions.ElementToBeClickable(By.CssSelector("your selector")));
el.click();

Possible Ajax problem

There is a probability that your element is not interactable because of Ajax requests:

Try this before clicking as well:

public void WaitForAjax()
{
    var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(15));
    wait.Until(d => (bool)(d as IJavaScriptExecutor).ExecuteScript("return jQuery.active == 0"));
}

Update 4. There is a probability that locator above is not unique (did you check CSS locators I proposed?) Try the following xpath:

//div[contains(@data-item-marker,'Split Case')]/ul/li[@data-item-marker='Yes']

This locator first looks at data-item-marker with Split Case text, then goes level down to ul, and finally to the second li element. In this case instead of /li[@data-item-marker='Yes'] it's possible to use just li[2]

Before executing any code with locators, you should check if it's unique.

Update 5: I found out that C#'s Selenium ExpectedConditions is obsolete: C# Selenium 'ExpectedConditions is obsolete' Try using: SeleniumExtras.WaitHelpers.ExpectedConditions. You'll need to import it with Nuget package manager. Here is the example:

var wait = new WebDriverWait(driver, TimeSpan.FromMilliseconds(10000));
wait.Until(SeleniumExtras.WaitHelpers.ExpectedConditions.ElementToBeClickable(By.CssSelector("ul>li[data-item-marker=Yes]")));

Answer 3

As for the problem I had, the issue was that there were two elements on the page with the same ID, the first of which was not clickable. So after calling the click method, the error "element not interactable" would occur.

Solution :

After changing the ID of the elements, my problem was solved.

More explanation :

With the following html fragment, the command driver.FindElement(By.Id("btn1")).Click(); An error is encountered :

<button type="button" id="btn1" style="display:none">first button with id "btn1"</button>
<button type="button" id="btn1" >second button with id "btn1"</button>

But there will be no problem in the following html fragment :

<button type="button" id="btn0" style="display:none">button with id "btn0"</button>
<button type="button" id="btn1" >button with id "btn1"</button>