title: Protractor seems to doesn't work with asynchronous page
body: <p>I have a HTML page which is fill in a asynchronous way in javascript. I create an integration test with protractor but when the test begin, I can't have access to element of the DOM of the page</p>
  
  <p>At the beginning of the protractor test i need to have access of one element of the DOM to check if it is filled correctly. No Way. I cannot have access to this element.</p>
  
  <pre><code>var EC = protractor.ExpectedConditions;
  condition = EC.presenceOf($('[id=asyncContentId]'));
  browser.wait(condition, 5000, "asyncContentId not ready");
  </code></pre>
  
  <p>Expect : I Need the DOM element 'asyncContentId'</p>
  
  <p>Unfortunatelly I never have access to this DOM element.</p>
  
  <p>I Use Jasmine 2.1
  This is my last version ans it doesn't work : 
   it("Test Ajax applicatif", function(done) {</p>
  
  <pre><code>      console.log("Tests Ajax");
        var EC = protractor.ExpectedConditions;
        element(by.id('btnMenu')).isDisplayed().then(function(displayed) { if (displayed) { browser.wait(EC.elementToBeClickable($('[id=btnMenu]')), 8000); element(by.id('btnMenu')).click(); } });
        browser.wait(EC.elementToBeClickable($('[id=Configuration]')), 8000);
        element(by.id('Ajax')).click().then( function(result) {
            browser.wait(protractor.until.elementLocated(by.id('asyncContentId')), 8000, "Element asyncContentId Non trouvé");
      }, function( error ) {
          console.log("error");
          // eslint-disable-next-line dot-notation
      }).finally(done);
  </code></pre>
  
  <p>});
  });</p>