Selenium WebDiver: Handle AJAX calls

The most common problem that we face during automation using Selenium WebDriver is how to handle AJAX calls. We never know when the call is complete and page has been updated. AJAX can be handled using JavaScript/JavascriptExecutor.

  In this post we will see how we can use JavaScript - jQuery.active to get all active AJAX calls and wait until all calls get served.

	/**
	* This method waits until all AJAX call completes or until the given Timeout
	* for AJAX calls to finish.
	*
	* @param driver, timeoutInSeconds
	*/
	public void waitForAjaxToLoad(WebDriver driver, long timeoutInSeconds) {
	System.out.println("Checking for active ajax calls by calling jquery.active");
	try {
	if (driver instanceof JavascriptExecutor) {
	JavascriptExecutor javaScriptDriver = (JavascriptExecutor) driver;
	//// loop till given timeout
	for (int i = 0; i < timeoutInSeconds; i++) {
	Object totalNumberOfAjaxConnections = javaScriptDriver.executeScript("return jQuery.active");
	//// returning element should be a number
	if (totalNumberOfAjaxConnections instanceof Long) {
	Long n = (Long) totalNumberOfAjaxConnections;
	System.out.println("Number of active Ajax connections: " + n);
	if (n.longValue() == 0L)
	break;
	}
	//// Sleep for 1 second
	Thread.sleep(1000);
	}
	} else {
	System.err.println("Javascript cannot be executed by Web Driver:" + driver);
	}
	} catch (Exception e) {
	System.err.println("Failed to wait for Ajax to load: " + e);
	}
	}

view raw WaitForAjaxToLoad.java hosted with ❤ by GitHub

jQuery.active returns total number of active AJAX connections, and we are waiting until all active calls becomes zero or given Timeout reached.

Hope this helped you!!!