Error Throwing TimeoutException after an element was clicked with true ExpectedConditions

Question

I am getting an error on the last line of the code

wd.get("https://www.thehost.com/profile.php");

WebDriverWait wait = new WebDriverWait(wd, 10);

wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("input[value='a_working_locator']"))); //line 224

wd.findElement(By.cssSelector("input[value='a_working_locator']")).click(); //line 225

Below is the error:

org.openqa.selenium.TimeoutException: Timeout loading page after 5000ms Driver info: org.openqa.selenium.firefox.FirefoxDriver Session ID: 78736d2b-3c64-4bec-a205-2ceb16ad8680 at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method) ... org.openqa.selenium.remote.RemoteWebElement.click(RemoteWebElement.java:83) at main.FirefoxHeadlessServer.run(FirefoxHeadlessServer.java:225) at main.FirefoxHeadlessServer.main(FirefoxHeadlessServer.java:154)

Please help me to resolve it

Answer 1

As you are trying to invoke click() on the same element after invoking WebDriverWait instead of the clause visibilityOfElementLocated use the clause elementToBeClickable as follows :

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("input[value='a_working_locator']"))).click();