Element Clickable in Java Selenium

Rohit Mathur 0
Viewed 60

I'm trying to click on Calendar but everytime I try to click on the calendar the error pop up as "element click intercepted: Element is not clickable at point (293, 1317)

<input type="text" name="form_fields[travel_comp_date]" id="form-field-travel_comp_date"
class="elementor-field elementor-size-sm elementor-field-textual elementor-date-field
flatpickr-input" placeholder="Date of travel"
pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" readonly="readonly">

Here's my code:

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(5));
    wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@name='form_fields[travel_comp_date]']")));
    driver.findElement(By.xpath("//input[@name='form_fields[travel_comp_date]']")).click();

Can someone please help me correcting this.

selenium-chromedriver selenium-webdriver java selenium
2 Answers

The element you are trying to access is out of the initially presented view port.
In order to click it you first need to scroll the page to bring that element into the visible view port and only after that you will be able to click on it.
Please try this:

JavascriptExecutor jse = (JavascriptExecutor)driver;
jse.executeScript("window.scrollTo(0, document.body.scrollHeight)");

Or this

JavascriptExecutor jse = (JavascriptExecutor)driver;
jse.executeScript("window.scrollBy(0,600)");

After that try performing your code

Prophet0

Please try the following code with explicit wait and let me know if it works for you:

enter code here
driver.get("https://www.path2usa.com/travel-companion/");
WebElement dateTravel =  
driver.findElement(By.xpath("//input[@id='form-field- 
travel_comp_date']"));
driver.manage().window().maximize();
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("window.scrollBy(0,1000)");
WebDriverWait wait = new WebDriverWait(driver, 
Duration.ofSeconds(5));
js.executeScript("arguments[0].scrollIntoView();", dateTravel);
wait.until(ExpectedConditions.visibilityOf(dateTravel));
if(dateTravel.isDisplayed()) 
  {
    js.executeScript("document.getElementById('form-field- 
travel_comp_date').value='12/20/2023'");
  }
pankhuri kansal0
Related