如何在Selenium Webdriver中处理AJAX调用
Krishna Rungta 什么是 Ajax？
AJAX 代表 Asynchronous JavaScript & XML（异步 JavaScript 和 XML），它允许网页从服务器检索少量数据，而无需重新加载整个页面。
Ajax 是一种用于创建快速动态网页的技术。这项技术是异步的，并结合使用了 Javascript 和 XML。它将在不重新加载整个页面的情况下更新网页的部分内容。一些使用 AJAX 技术的著名应用程序有 Gmail、Google 地图、Facebook、Youtube 等。
Ajax 如何工作？
例如，当您点击提交按钮时，JavaScript 将向服务器发出请求，解释结果并更新当前屏幕，而无需重新加载网页。
- Ajax 调用是由浏览器发起的一种异步请求，不会直接导致页面转换。这意味着，如果您发出 Ajax 请求，用户仍然可以在应用程序上工作，而请求正在等待响应。
- AJAX 将 HTTP 请求从客户端发送到服务器，然后处理服务器的响应，而无需重新加载整个页面。因此，当您进行 AJAX 调用时，您不能完全确定服务器发送响应所需的时间。
从测试人员的角度来看，如果您正在检查要显示的内容或元素，您需要等待直到收到响应。在 AJAX 调用期间，数据以 XML 格式存储并从服务器检索。
如何在 Selenium Webdriver 中处理 Ajax 调用
处理 Ajax 调用的最大挑战是了解网页的加载时间。 由于网页加载时间仅持续几分之一秒，因此测试人员很难通过自动化工具测试此类应用程序。为此，Selenium Webdriver 必须在此 Ajax 调用上使用等待方法。
因此，通过执行此等待命令，Selenium 将暂停当前测试用例的执行，并等待预期的或新值。当新值或字段出现时，Selenium Webdriver 将执行暂停的测试用例。
以下是 Selenium Webdriver 可以使用的等待方法
Thread.Sleep()
- Thread.Sleep() 不是一个明智的选择，因为它会将当前线程暂停指定的时间。
- 在 AJAX 中，您永远无法确定确切的等待时间。因此，如果元素未在等待时间内显示，您的测试将失败。此外，它会增加开销，因为调用 Thread.sleep(t) 会使当前线程从运行队列移动到等待队列。
- 当时间“t”到达后，当前线程将从等待队列移动到就绪队列，然后需要一些时间才能被 CPU 选中并运行。
隐式等待()
- 此方法告诉 webdriver 如果元素不能立即获得，则等待，但此等待将持续整个浏览器打开时间。因此，页面上任何元素的搜索都可能需要隐式等待设置的时间。
显式等待()
- 显式等待用于冻结测试执行，直到满足特定条件或达到最大时间。
WebdriverWait
- 它可以用于任何条件。这可以通过 WebDriverWait 结合 ExpectedCondition 实现。
- 动态等待元素的最佳方法是每秒检查条件，一旦条件满足，就继续执行脚本中的下一个命令。
但是所有这些等待的问题是，您必须指定超时单位。如果元素仍未在时间内出现怎么办？因此还有一种等待叫做 Fluent Wait。
Fluent Wait
- 这是 Wait 接口的一个实现，它有自己的超时和轮询间隔。每个 FluentWait 实例都确定等待条件的最长时间，以及检查条件的频率。
在 Selenium Webdriver 中处理 Ajax 调用的挑战
- 使用“暂停”命令处理 Ajax 调用并非完全可靠。长时间的暂停会使测试变得不可接受地慢，并增加测试时间。相反，“waitforcondition”在测试 Ajax 应用程序时会更有帮助。
- 评估与特定 Ajax 应用程序相关的风险很困难
- 给予开发人员完全的自由来修改 Ajax 应用程序使得测试过程充满挑战
- 创建自动化测试请求对于测试工具可能很困难，因为此类 AJAX 应用程序通常使用不同的编码或序列化技术来提交 POST 数据。
使用 Selenium Webdriver 处理 Ajax 的代码示例
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;
import org.testng.Assert;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;
public class Ajaxdemo {
private String URL = "https://demo.guru99.com/test/ajax.html";
WebDriver driver;
WebDriverWait wait;
@BeforeClass
public void setUp() {
System.setProperty("webdriver.chrome.driver",".\\chromedriver.exe");
//create chrome instance
driver = new ChromeDriver();
driver.manage().window().maximize();
driver.navigate().to(URL);
}
@Test
public void test_AjaxExample() {
By container = By.cssSelector(".container");
wait = new WebDriverWait(driver, 5);
wait.until(ExpectedConditions.presenceOfElementLocated(container));
//Get the text before performing an ajax call
WebElement noTextElement = driver.findElement(By.className("radiobutton"));
String textBefore = noTextElement.getText().trim();
//Click on the radio button
driver.findElement(By.id("yes")).click();
//Click on Check Button
driver.findElement(By.id("buttoncheck")).click();
/*Get the text after ajax call*/
WebElement TextElement = driver.findElement(By.className("radiobutton"));
wait.until(ExpectedConditions.visibilityOf(TextElement));
String textAfter = TextElement.getText().trim();
/*Verify both texts before ajax call and after ajax call text.*/
Assert.assertNotEquals(textBefore, textAfter);
System.out.println("Ajax Call Performed");
String expectedText = "Radio button is checked and it's value is Yes";
/*Verify expected text with text updated after ajax call*/
Assert.assertEquals(textAfter, expectedText);
driver.close();
}
}
摘要
- AJAX 允许网页从服务器检索少量数据，而无需重新加载整个页面。
- 要测试 Ajax 应用程序，应采用不同的等待方法
- ThreadSleep
- 隐式等待
- 显式等待
- WebdriverWait
- Fluent Wait
- 创建自动化测试请求对于测试工具可能很困难，因为此类 AJAX 应用程序通常使用不同的编码或序列化技术来提交 POST 数据。
