title: Protractor - ScriptTimeoutError: asynchronous script timeout: result was not received in 20 seconds
body: <p>I'm new to Protractor and I am trying to run my script.</p>
  <pre class="lang-js prettyprint-override"><code>describe('Navigator homepage', function() {
    it('should proceed to login', function() {
      browser.get('url');
    });
  
    it('Clicks the proceed button', function() {
      const proceedButton = element(by.id('auth-login-page-button'));
      proceedButton.click();
    });
  });
  </code></pre>
  <p>But whenever I run it the browser opens up and proceeds to the website and then waits for 20 sec and I get Error:  <code>ScriptTimeoutError: asynchronous script timeout: result was not received in 20 seconds</code>. The element is clearly there and can be clicked, however not for the protractor. Am I doing something wrong?
  Config file looks like this:</p>
  <pre class="lang-js prettyprint-override"><code>// An example configuration file.
  exports.config = {
    directConnect: true,
  
    // Capabilities to be passed to the webdriver instance.
    capabilities: {
      'browserName': 'chrome'
    },
  
    // Framework to use. Jasmine is recommended.
    framework: 'jasmine',
  
    // Spec patterns are relative to the current working directory when
    // protractor is called.
    specs: ['login_spec.js'],
    
    allScriptsTimeout: 20000,
    getPageTimeout: 15000,
    framework: 'jasmine',
    jasmineNodeOpts: {
      isVerbose: false,
      showColors: true,
      includeStackTrace: false,
      defaultTimeoutInterval: 40000
    }
  };
  </code></pre>