Webdriver - wait for text of an element to change

Question

I created an object for an element in my application. This element is text for records displayed on the screen. So on the first page, it will say something like "displaying 1-10 of 2100"

public static final String VTeam_M_Detail_VRecordsText = "css=#UserList:last-of-type > div:last-child";

When I am changing pages, the text of that element changes. So if I go to the 2nd page, it will say "displaying 11-20 of 2100". How can I get webdriver to wait for the text of that element to change before continuing the test. So when I go from page 1 to page 2, I want to wait for that element to have text equal to "displaying 11-20 of 2100" before continuing with the rest of the test.

Answer 1

Each time, before you change page, retrieve the text, i.e, the number of records. Then, Click on the Next button to navigate to the next page. And then, wait for that to be invisible using explicit wait.

Below code might help you out:

String retrieved_text = driver.findElement(By.xpath("//xpath of the element related to records")).getText(); //Retrieving text, i.e., the innerHtml representing number of records

/*Click on the next button to navigate to the next page*/
driver.findElement(By.xpath("//next button's xpath")).click();

WebDriverWait wait = new WebDriverWait(driver,30);
wait.until(ExpectedConditions.invisibilityOfElementWithText(By.xpath("//xpath of the element related to records"), retrieved_text)); 

NOTE: In the last line of code use xpath that locates the element that shows text 'displaying 1-10 of 2100', i.e, the element that shows display per page information and use the retrieve text to infer that the concerned element with that certain text is invisible or not in the next page.

This will help in identifying the invisibility of the concerned element easily.

OTHER WAY: In case you want to navigate to next pages till you detect a certain element

(PUT EVERYTHING IN A DO-WHILE LOOP)

• Wait for the element to appear in the page.
• If found, then write code to act on the element and break out of loop.
• Else, click on the Next button
• CONDITION will be till the NEXT button gets disabled.

Answer 2

I needed to do the same thing and found a solution.. You can use WebDriverWait along with the ExpectedCondition.not to wait until text changes.

WebElement textElement = driver.findElementByCssSelector("#UserList:last-of-type > div:last-child"));
String currentText = textElement.getText();

//poll every .5 seconds for 5 seconds until condition is met
WebDriverWait wait = new WebDriverWait(driver, 5);
//wait until text changes
wait.until(ExpectedConditions.not(ExpectedConditions.textToBePresentInElement(countdownTime,"5:00")));