title: Protractor Failed: element not interactable
body: <p>I am running an E2E test for an Angular 7.x app. The test runs straight forward on my local machine. But when I push it on the repo (GitLab), then pipeline fails and throws following error:</p>
  
  <blockquote>
    <p>USER PROFILE - Check and change PROFILE
          - Failed: element not interactable
            (Session info: chrome=71.0.3578.80)
            (Driver info: chromedriver=2.45.615279 (12b89733300bd268cff3b78fc76cb8f3a7cc44e5),platform=Linux 4.14.74-coreos x86_64)</p>
  </blockquote>
  
  <p>Test Case:</p>
  
  <pre><code>it('USER PROFILE - Check and change PROFILE', () =&gt; {
  
      page.navigateTo();
  
      browser.sleep(1000);
      expect(page.getProfileEditTagName()).toMatch('app-edit-profile');
  
      expect(element(by.className('logged-as')).getText()).toBe( testEmail );
  
  
      browser.actions().mouseMove( element.all( by.id('editIcon-salutation') ).get(0)).click().perform().then(function () {
          browser.sleep(4000);
  
          element( by.className('mat-select-arrow') ).click().then(function () {
  
              browser.actions().mouseMove( element.all(by.className('option-value mat-option')).get(0)).click().perform();
              browser.sleep(1000);
              browser.actions().mouseMove( element.all( by.id('saveButton-salutation') ).get(0)).click().perform();
              browser.sleep(1000);
  
          });
      });
  
  });
  </code></pre>
  
  <p><code>navigateTo()</code> is just a method in <strong>profile.po.ts</strong>:</p>
  
  <pre><code>navigateTo() {
      browser.get('/profileComponentUrl');
  }
  </code></pre>
  
  <p>What's confusing me and where I even can't localize the bug or what's wrong, is that it works fine locally. But once I push to repo, then it fails exactly at that test case. Any Hint please?</p>