How to click on checkbox with ElementNotInteractableException using Selenium WebDriver Java? - selenium

Question

I would like to click on checkbox but it keep saying that element is not interactable.
I actually tried .click, javascriptexecutor, actions, wait until, thread.sleep, scroll. Even when I try context click on the checkbox it says that element is not interactable.
Any other ideas?
<div class="panel panel-default">
<div class="panel-heading">Single Checkbox Demo</div>
<div class="panel-body">
<p> Clicking on the checkbox will display a success message. Keep an eye on it</p>
<div class="checkbox">
<label>
<input type="checkbox" id="isAgeSelected" value="">Click on this check box</label>
</div>
<div id="txtAge" style="display:none">Success - Check box is checked</div>
</div>
</div>
and here is the url: https://www.seleniumeasy.com/test/basic-checkbox-demo.html
Checkbox code:
#FindBy(id = "isAgeSelected")
private WebElement checkboxFirstExample;
public checkboxDemo checkboxFirstEx(){
JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].scrollIntoView();", checkboxFirstExample);
executor.executeScript("arguments[0].click();", checkboxFirstExample);
return this;
}
Whole code:
public class checkboxDemo extends baseSeleniumClass {
#FindBy(xpath = "//ul[#id='treemenu']//a[contains(text(),'Input Forms')]")
private WebElement inputFormsMenu;
#FindBy(xpath = "//li[#style='display: list-item;']//a[#href='./basic-checkbox-demo.html']")
private WebElement checkboxDemo;
#FindBy(id = "isAgeSelected")
private WebElement checkboxFirstExample;
#FindBy(xpath = "//div[#id='txtAge']")
private WebElement ageSelected;
#FindBy(xpath = "//input[#type='button'][#id='check1']")
private WebElement checkboxAll;
private seleniumHelper helper;
private WebDriver driver;
public checkboxDemo(WebDriver driver){
PageFactory.initElements(driver, this);
this.helper = new seleniumHelper(driver);
this.driver = driver;
}
public checkboxDemo checkboxDemostart(){
checkboxDemo.click();
return this;
}
public checkboxDemo checkboxFirstEx(){
JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].scrollIntoView({block: 'center'});", checkboxFirstExample);
checkboxFirstExample.click();
System.out.println("3. " + ageSelected.getText() + " - First checkbox passed");
return this;
}
public checkboxDemo checkboxSecondEx(){
JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].scrollIntoView();", checkboxAll);
executor.executeScript("arguments[0].click();", checkboxAll);
System.out.println("4. " + checkboxAll.getAttribute("value") + " - All checkboxes are selected");
return this;
}
public checkboxDemo inputMenu(){
JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].click();", inputFormsMenu);
return this;
}
}

Answer 1

#FindBy(id = "isAgeSelected")
private WebElement checkboxFirstExample;
public checkboxDemo checkboxFirstEx(){
JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].scrollIntoView({block: \"center\"});", checkboxFirstExample);
checkboxFirstExample.click();
return this;
}
use id , 'isAgeSelected' . You should click the input tag
xpath :
//input[#id="isAgeSelected"]
CSS:
input[id="isAgeSelected"]