Selenium: how to wait for AngularJS to finish updating the DOM after AJAX?

Question

[Related philosophical debate about just sleeping it out at programmers.se]

Angualr is not guaranteed to update the DOM completely in the event handler for the AJAX completion (especially if third-party directives are involved), so most of the solutions floating online about using $http interceptors are incomplete.

The answer to a very similar question "Wait for angular to finish updating the DOM", suggests using $timeout. However, its source suggests it uses the $browser.defer mechanism so can actually be executed in any order with other deferred DOM manipulation.

I found $browser.notifyWhenNoOutstandingRequests internal method which happens after all the deferred stuff, but the test is still unstable after waiting for that. I guess I should wait for AJAX to complete first or is there something else I've missed?

Related: http://stackoverflow.com/questions/29711556/how-to-impact-the-html-rendering-priorities-with-angularjs — sp00m, Aug 19 '15 at 14:19

score 1 · Answer 1 · answered Aug 19 '15 at 14:13

1

This is how we do it:

function waitForDisplayed(element) {
   var d = protractor.promise.defer(); // the result of this being fulfilled is returned
   browser.wait(element.isDisplayed).
      then(function(isDisplayed) {
         d.fulfill();
      });
      return d.promise;
}

answered Aug 19 '15 at 14:13

Tone

990
4
14
31

What if the element is already in the DOM and I am waiting for its value to change? – billc.cn Aug 19 '15 at 15:37

score 1 · Accepted Answer · edited May 23 '17 at 12:25

1

After some experiments, it seems notifyWhenNoOutstandingRequests is sufficient.

(Previously, my test code created a new Injector to get the $browser service, which is actually different from the one used by the application. I switched to the "proper" one and it worked.)

edited May 23 '17 at 12:25

Community

1
1

answered Aug 25 '15 at 09:10

billc.cn

7,187
3
39
79

Selenium: how to wait for AngularJS to finish updating the DOM after AJAX?

2 Answers2