Selenium Wait for AJAX response

Question

I have a page which has a "status" field, which has a value "In Progress". Now on some action (button click), the status changes to Completed. I need to check for the same using Selenium.

getVisibleElement(By.id("status")).getText()

Now the issue is the status does not change immediately from In Progress to Completed, once the button is clicked. It happens after an AJAX response is received in some seconds. And when my code tries to assert the status text, it actually gets the stale value In Progress and hence it fails the test.

Again please remember even though getVisibleElement() has timeout defined, it does not help me here since the element is anyways present. It is just rendered again on AJAX request (post button click).

How do I fix the same? Can adding a fixed delay work, just before the assert. If yes, how do I do that in selenium?

score 2 · Answer 1 · answered Nov 12 '13 at 12:39

If your use case is as follows

User will come the page
In Progress is displayed
User press the button
After some time text changes to Completed

Then you can use Web Drivers Explicit Waits like this

@Test
public testProgress() {
    driver.get("progressPage.html");
    assertEquals("In Progress", driver.findElement(By.id("progressBar").getText());
    WebElement myDynamicElement = (new WebDriverWait(driver, 10))
       .until(ExpectedConditions.textToBePresentInElement(By.id("progressBar")));
    assertEquals("Completed", driver.findElement(By.id("progressBar").getText());
}

score 1 · Answer 2 · edited May 23 '17 at 12:02

1

Use the executeAsync to inject a javascript piece which will listen to a change of that value and return when the desired value is reached or timeout kicks in.

Take a look at the answer on https://stackoverflow.com/a/28057738/475949

edited May 23 '17 at 12:02

Community

1
1

answered Dec 13 '15 at 11:02

rac2030

507
3
10

Selenium Wait for AJAX response

2 Answers2