title: Angular could not be found on the page with angular application while running test for angular app in iFrame
body: <p>I have an angular application running inside iFrame. I must need to launch parent application URL as it provide some flag which makes angular app working as expected. Now I need to write protractor tests for angular app in iFrame. </p>
  
  <p>Here is the code.</p>
  
  <pre><code>describe('French page', function() {
  var IFRAME = "iframe",
  TITLE_FR = 'Découverte automatique',
  PAGE_URL = '/SAAS/admin/app/page',
  pagePaths = browser.params.paths;;
  
  beforeEach(function (done) {
      LOGIN_PAGE.goToPageAndLogin().then(function (){
          browser.driver.ignoreSynchronization = true;
          browser.get(PAGE_URL); // application has angular app in iFrame
          browser.sleep(5000);
          browser.waitForAngular();
          done();
     });
  });
  
  afterEach(function (done) {
      demoPause();
      LOGIN_PAGE.logout().then(done);
  });
  
  it('should be able to launch with fr-FR locale', function (done) {
      browser.driver.switchTo().frame(IFRAME); //Switch to angular app in   iFrame
  
     // Check if element text is in french
      browser.driver.findElement(by.css('.app-menu li:nth-child(1)  p')).then(function (elem) {
          elem.getText().then(function (text) {
              expect(text).toBe(TITLE_FR); // I can see that both texts are same here while debugging
              browser.driver.ignoreSynchronization = true;
              done();
          });
      });
    });
  });
  </code></pre>
  
  <p><strong>The test condition passed but it exit with below error.</strong>
  Message:</p>
  
  <blockquote>
    <p>Failed: Angular could not be found on the page
    <a href="https://host/abcd/admin/app/page" rel="nofollow noreferrer">https://host/abcd/admin/app/page</a></p>
  </blockquote>
  
  <p>retries looking for angular exceeded</p>