Click on element not working with Selenium

Question

I am trying to click on an element with Selenium. It is a checkbox with HTML Code below:

Code for paragraph that contains checkbox and Terms:

<p class="jss72 jss80 jss927 jss943 jss930">
    <span class="js122">
        <img src="/images/purple.svg">
    </span>
    <span class="jss941">
        I Agree To The Terms
    </span>
</p>

I have tried three different ways, but none of them is working:

//Tried with xpath clicking on image: Error: Element not interactable   
driver.FindElement(By.XPath("//img[@src='/images/purple.svg']")).Click();

//Tried with Xpath by selecting the span 
driver.FindElement(By.XPath("//span[@class='js122')]")).Click();

//Tried with CssSelector Error: Element not interactable  
driver.FindElement(By.CssSelector("img[src*='purple.svg']")).Click();

Please help with any other workaround.

It is a checkbox, what is the workaround with onmouseover. Please help — Saurabh Chaudhary, Feb 03 '21 at 05:14
here java, but can understand and for c# https://stackoverflow.com/questions/17293914/how-to-perform-mouseover-function-in-selenium-webdriver-using-java — Архипов Владимир, Feb 03 '21 at 05:37
Can you provide site, or more HTML code? And put the error log also, did you get "No such element" or stale element exption, or something else? — Gaj Julije, Feb 03 '21 at 07:45
Yes I am getting the error "Element Not Interactable". I am not able to work with span class as its dynamic.. I have editted the question, please check — Saurabh Chaudhary, Feb 03 '21 at 08:24

Greg Burghardt · Answer 1 · 2021-02-03T14:41:40.230

The ElementNotInteractableException happens due to a race condition between Selenium executing your code, and the browser executing JavaScript on the page. The element you want to click exists in a flyover. I bet there is a fade-in animation occurring when the flyover appears. There is a brief moment in time where you can visibly see the checkbox, and Selenium can find it in the DOM, but Selenium cannot click on it. The solution is pretty simple. Use an explicit wait:

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));

// The 'd' parameter to the lambda expression is an IWebDriver object
wait.Until(d => d.FindElement(By.XPath("//img[@src='/images/purple.svg']")).Click());

still the same error "Element not Interactable", even with the code. — Saurabh Chaudhary, Feb 07 '21 at 14:19

score 0 · Answer 2 · answered Feb 03 '21 at 14:53

0

Before try to finding the element you need to switch that frame or pop-up.

to do this ;

driver.switchTo().frame(<yourFrameIndex>);

or

driver.switchTo().activeElement();

answered Feb 03 '21 at 14:53

Fatih Tepekoy

1
3

I am able to fill the entire form except for the check box.... – Saurabh Chaudhary Feb 07 '21 at 14:19

score 0 · Answer 3 · answered Feb 04 '21 at 13:26

I do not see a checkbox in the html you shared:

<p class="jss72 jss80 jss927 jss943 jss930">
    <span class="js122">
        <img src="/images/purple.svg">
    </span>
    <span class="jss941">
        I Agree To The Terms
    </span>
</p>

I would expect to see something like

<input type='checkbox'/>

Rather then the paragraph which is the text next to the checkbox.

score 0 · Accepted Answer · answered Feb 07 '21 at 14:24

I tried every answer here, but no luck. I found the solution myself. I tried the DOM method.

IWebElement we = driver.FindElement(By.CssSelector("img[src*='purple.svg']"));

IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
js.ExecuteScript("arguments[0].click();", we);

Click on element not working with Selenium

4 Answers4