Protractor and deferred-angular-bootstrap load support

example.js

browser.get('/').then(function() {
    return browser.waitForDeferredAngular();
});

wait.js

  // angular-deferred-bootstrap sets a class named
  // "deferred-bootstrap-loading" to the body while data is loading
  // See: https://github.com/philippd/angular-deferred-bootstrap#loading-and-error-indicators
browser.waitForDeferredAngular = function waitForDeferredAngular() {
    return browser.driver.wait(function() {
      return element(by.css('.deferred-bootstrap-loading')).then(function() {
        return browser.driver.wait(function() {
          return element(by.css('.deferred-bootstrap-error')).then(function(el) {
            // errors during bootstrap, fail
            return false;
          }, function(err) {
            // no errors, loading done and no errors found
            return true;
          });
        });
      }, function() {
        // It has probably already bootstrapped, we just got to the party late
        return true;
      });
    });
  };
  
  // Tell protractor we are doing it ourself
  browser.ignoreSynchronization = true;