AJAX 호출을 처리하는 방법 Selenium 웹드라이버

AJAX란 무엇입니까?

AJAX는 비동기를 의미합니다. Java스크립트와 XML을 사용하며, 웹 페이지가 전체 페이지를 다시 로드하지 않고도 서버에서 소량의 데이터를 가져올 수 있도록 합니다.

AJAX는 빠르고 동적인 웹 페이지를 구축하기 위한 기술입니다. 비동기 방식으로 작동하며, 여러 요소를 결합합니다. JavaScript 데이터 형식을 사용하여 전체 페이지가 아닌 페이지의 일부를 업데이트합니다. Gmail, Google 지도, 페이스북 그리고 YouTube 모두가 그것을 사용합니다.

AJAX는 어떻게 작동하나요?

예를 들어, 제출 버튼을 클릭하면, Java스크립트는 서버에 요청을 보내고, 결과를 해석한 후 화면을 새로 고침하지 않고 현재 화면을 업데이트합니다. 아래 다이어그램은 이러한 과정1을 보여줍니다.

• AJAX 호출은 페이지 전환을 발생시키지 않는 브라우저의 비동기 요청입니다. 사용자는 요청에 대한 응답을 기다리는 동안에도 애플리케이션에서 계속 작업할 수 있습니다.
• AJAX는 서버에 HTTP 요청을 보내고 페이지를 새로 고침하지 않고 응답을 처리하므로 서버가 응답하는 데 걸리는 시간을 예측할 수 없습니다.

테스터의 관점에서 콘텐츠나 요소를 확인하는 것은 응답이 도착할 때까지 기다리는 것을 의미합니다. 이름에서 알 수 있듯이 원래 페이로드는 XML이었지만, 현재 대부분의 API는 JSON을 반환합니다.

AJAX 호출을 처리하는 방법 Selenium 웹드라이버

AJAX 호출을 처리할 때 가장 큰 어려움은 로딩 시간을 파악하는 것입니다. 업데이트가 순식간에 이루어지기 때문에 자동화 도구를 통한 테스트가 어렵습니다. Selenium WebDriver는 호출에 대기 메서드를 적용해야 합니다.

해당 대기 명령을 실행하면 현재 작업이 일시 중단됩니다. 테스트 케이스 예상 값 또는 새로운 값이 나타날 때까지. Selenium 그러면 WebDriver는 중단되었던 단계를 다시 시작합니다.

다음은 대기 방법입니다. Selenium WebDriver는 사용할 수 있습니다.

스레드.수면()

• `Thread.sleep()`는 지정된 시간 동안 현재 스레드를 일시 중단시키므로 현명한 선택이 아닙니다.
• AJAX에서는 정확한 대기 시간을 확신할 수 없으므로 요소가 테스트 범위 내에 나타나지 않으면 테스트가 실패합니다. 또한 Thread.sleep(t)는 현재 스레드를 실행 큐에서 대기 큐로 이동시키므로 오버헤드가 발생합니다.
• 't'라는 시간이 지나면 스레드는 준비 큐로 이동하고, CPU가 처리하기를 다시 기다립니다.

참고 : 전에, Java 방법은 스레드.수면() 소문자로 작성해야 합니다. 대문자로 작성하면 컴파일되지 않습니다.

암시적 대기()

• 이 메서드는 WebDriver에게 요소가 즉시 사용 가능할 때 대기하도록 지시하며, 이 설정은 브라우저 세션 전체에 걸쳐 유지됩니다. 따라서 모든 요소 검색은 암시적 대기 시간만큼 오래 걸릴 수 있습니다.

명시적 대기()

• 명시적 대기 특정 조건이 충족되거나 최대 시간이 경과할 때까지 테스트 실행을 정지하는 데 사용됩니다.

WebDriver대기

• WebDriverWait와 ExpectedCondition을 조합하여 어떤 조건에도 사용할 수 있습니다.
• 가장 좋은 방법은 매초마다 조건을 확인하고 조건이 충족되면 즉시 다음 명령으로 넘어가는 것입니다.

하지만 이러한 모든 대기의 문제는 시간 초과 단위를 언급해야 한다는 것입니다. 해당 요소가 시간 내에 여전히 존재하지 않으면 어떻게 되나요? 따라서 Fluent wait라는 대기가 하나 더 있습니다.

유창한 대기

• 이 클래스는 자체 타임아웃 및 폴링 간격을 가진 Wait 인터페이스의 구현체입니다. 각 FluentWait 인스턴스는 조건이 충족될 때까지 기다릴 최대 시간과 조건을 확인하는 빈도를 설정합니다.

AJAX 호출 처리 시 발생하는 문제점 Selenium 웹드라이버

• "pause" 명령어를 사용하는 것은 신뢰할 수 없습니다. 긴 일시 정지는 테스트 속도를 허용할 수 없을 정도로 느리게 만들고 오류를 증가시킵니다. 지원 시간이 오래 걸리기 때문에 AJAX 애플리케이션에서는 "waitforcondition"을 사용하는 것이 권장되었습니다.
• 특정 AJAX 애플리케이션과 관련된 위험을 평가하기는 어렵습니다.
• 개발자에게 AJAX 애플리케이션을 수정할 수 있는 완전한 자유를 주면 테스트 과정이 어려워집니다.
• AJAX 애플리케이션은 POST 데이터를 전송할 때 종종 다른 인코딩 또는 직렬화 기법을 사용하기 때문에 자동화된 테스트 요청을 생성하는 것은 테스트 도구에 어려움을 줄 수 있습니다.

참고 : “일시 중지”와 “조건 대기”는 셀레네세 명령어가 제거되었습니다 Selenium 3; WebDriver에서 이에 해당하는 것은 명시적 대기입니다.

Code AJAX 처리 예시 Selenium 웹드라이버

The TestNG 아래 클래스는 텍스트를 읽고, 라디오 버튼을 클릭하고, 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();
	}
	
}

참고 : on Selenium 4 패스 지속 시간(초)(5) WebDriverWait를 사용하고 System.setProperty 줄을 삭제합니다. 왜냐하면 Selenium 관리자가 chromedriver를 해결합니다.

자주 묻는 질문