title: Protractor time out angular 6
body: <p>I'm using Protractor for e2e test in Angular 6 project. currently I'm using two browsers executing <code>browser.forkNewDriverInstance(true);</code> to test a WebRTC app.</p>
  
  <p>The problem is protractor fails with Time out waiting  for element with locator</p>
  
  <p>My test</p>
  
  <pre><code>describe('Two browsers: ', () =&gt; {
    const OVC = new MyObject();
    const EC = protractor.ExpectedConditions;
  
    beforeEach(() =&gt; {
  
      browser.get('#/page1');
    });
    it('both users should can type messages and reveive its', () =&gt; {
      const browser2 = OVC.openNewBrowserInTheSameRoom(browser);
      browser2.ignoreSynchronization = true;
  
      browser.wait(EC.visibilityOf(browser.element(by.css('#navChatButton'))), 5000);
      browser.element(by.css('#navChatButton')).click();
      browser.wait(EC.visibilityOf(browser.element(by.css('#messageInput input'))), 5000);
      browser.element(by.css('#messageInput input')).click();
      browser.element(by.css('#messageInput input')).sendKeys('New Message User 1');
      OVC.pressEnter(browser);
  
      browser2.wait(EC.presenceOf(browser2.element(by.css('#navChatButton'))), 5000);
      browser2.element(by.css('#navChatButton')).click();
  
      expect(OVC.getMessageList(browser2).count()).toEqual(1);
      browser2.wait(EC.visibilityOf(OVC.getChatInput(browser2)), 5000);
      OVC.getChatInput(browser2).click();
      OVC.getChatInput(browser2).sendKeys('Message User 2');
      OVC.pressEnter(browser2);
      expect(OVC.getMessageList(browser).count()).toEqual(2);
      OVC.closeSession(browser2);
    });
  });
  </code></pre>
  
  <p>The error is : </p>
  
  <pre><code>- Failed: Timed out waiting for asynchronous Angular tasks to finish after 11 seconds. This may be because the current page is not an
  &gt; Angular application. Please see the FAQ for more details:
  &gt; https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular
  &gt; While waiting for an element with locator - Locator: By(CSS selector,
  &gt; #navChatButton)
  </code></pre>
  
  <p>But my element (#navChatButton) exist in the DOM.
  What I'm being wrong? </p>
  
  <p><strong>Edit:</strong> If i remove the <code>browser.wait</code> the test works. So why <code>browser.wait</code> doesn't work with angular?</p>