Selenium WebDriver - Automate Ajax calls

What is Ajax:
Ajax is “the method of exchanging data with a server, and updating parts of a web page – without reloading the entire page.” Ajax itself is mostly a generic term for various JS techniques used to connect to a web server dynamically without 
necessarily loading multiple pages. 

When we perform any action on Ajax controls, using Wait commands will not work as the page is not actually refreshed here. Pausing the test execution using threads for a certain period of time is also not a good approach as web element might appear later or earlier than the stipulated period of time depending on the system’s responsiveness, load or other uncontrolled factors of the moment, leads to test failures.

The best approach would be to wait for the required element in a dynamic period and then continue the test execution as soon as the element is found/visible.

Go to http://demos.telerik.com/aspnet- 
     ajax/ajax/examples/loadingpanel/explicitshowhide/defaultcs.aspx

Wait for grid to appear

Get the text before performing an ajax call

Click on the date

Wait for loader to disappear 

Get the text after ajax call

	package com.test.Day9;
	import org.openqa.selenium.By;
	import org.openqa.selenium.WebDriver;
	import org.openqa.selenium.WebElement;
	import org.openqa.selenium.chrome.ChromeDriver;
	import org.openqa.selenium.support.ui.ExpectedConditions;
	import org.openqa.selenium.support.ui.WebDriverWait;
	public class HandlingAjaxCalls {
	WebDriver driver;
	static WebDriverWait wait;
	public static void main(String[] args) {
	// TODO Auto-generated method stub
	System.setProperty("webdriver.chrome.driver","yourpath/chromedriver");
	WebDriver driver = new ChromeDriver();
	driver.get("http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/explicitshowhide/defaultcs.aspx");
	/*Wait for grid to appear*/
	By container = By.cssSelector(".demo-container");
	wait = new WebDriverWait(driver, 5);
	wait.until(ExpectedConditions.presenceOfElementLocated(container));
	/*Get the text before performing an ajax call*/
	WebElement noDatesTextElement = driver.findElement(By.xpath("//div[@class='RadAjaxPanel']/span"));
	String textBeforeAjaxCall = noDatesTextElement.getText().trim();
	/*Click on the date*/
	driver.findElement(By.linkText("1")).click();
	/*Wait for loader to disappear */
	By loader = By.className("raDiv");
	wait.until(ExpectedConditions.invisibilityOfElementLocated(loader));
	/*Get the text after ajax call*/
	WebElement selectedDatesTextElement = driver.findElement(By.xpath("//div[@class='RadAjaxPanel']/span"));
	wait.until(ExpectedConditions.visibilityOf(selectedDatesTextElement));
	String textAfterAjaxCall = selectedDatesTextElement.getText().trim();
	System.out.println(textAfterAjaxCall);
	}
	}

view raw AjaxCalls.java hosted with ❤ by GitHub

Welcome

Hi Guys,

Welcome to Selenium Automation, where you can learn lot on Selenium Web Driver, Test NG, Frameworks and many more.....


Thanks
-Gururaj