Protractor : How to wait for page complete after click a button?

Question

In a test spec, I need to click a button on a web page, and wait for the new page completely loaded.

emailEl.sendKeys('jack'); passwordEl.sendKeys('123pwd');  btnLoginEl.click();  // ...Here need to wait for page complete... How?  ptor.waitForAngular(); expect(ptor.getCurrentUrl()).toEqual(url + 'abc#/efg'); 

Answer 1

Depending on what you want to do, you can try:

browser.waitForAngular();

or

btnLoginEl.click().then(function() {   // do some stuff  });  

to solve the promise. It would be better if you can do that in the beforeEach.

NB: I noticed that the expect() waits for the promise inside (i.e. getCurrentUrl) to be solved before comparing.

Answer 2

I just had a look at the source - Protractor is waiting for Angular only in a few cases (like when element.all is invoked, or setting / getting location).

So Protractor won't wait for Angular to stabilise after every command.

Also, it looks like sometimes in my tests I had a race between Angular digest cycle and click event, so sometimes I have to do:

elm.click(); browser.driver.sleep(1000); browser.waitForAngular(); 

using sleep to wait for execution to enter AngularJS context (triggered by click event).