title: No element found using locator: By(css selector, *[id="more"])
body: <p><strong>protractor.e2e-sepc.ts</strong></p>
  
  <pre><code>import {browser, element, by} from 'protractor';
  
  describe('Open the link', () =&gt; {
  
      beforeEach(() =&gt; {
          browser.waitForAngularEnabled(false);
          browser.get('url');
          browser.sleep(2000);
  
      });
  
      it('Click on more button', () =&gt; {
          element(by.id('more').click();
          })
      })
  </code></pre>
  
  <p>When I ran the above test case on chrome as a browser it ran succcessfully, but when I ran it with chrome <strong>--headless</strong> browser it fails the spec by displaying error as <code>No element found using locator: By(css selector, *[id="more"])</code></p>
  
  <p><strong>protractor.config.js</strong></p>
  
  <pre><code>multiCapabilities: [{
          'browserName': 'chrome',
          'chromeOptions': {
              args: ["--headless", "--disable-gpu"]
          }
  }]
  </code></pre>