title: Puppeteer - how to click on an inner element
body: <p>I'm using Puppeteer to do e2e tests for an app built with React and Material-UI.  </p>
  
  <p>In my login form I'm trying to click on the login button but I get <code>loginBtn.click is not a function</code> - that's because Material UI (version 0.21.0) is wrapping the <code>&lt;RaisedButton&gt;</code> with an extra div so I can only reach the outer element. I need a way to access the inner element and then simulate the click event. </p>
  
  <p>I've tried this:</p>
  
  <pre class="lang-js prettyprint-override"><code>const loginBtn = await page.$eval(
      '.login-form-button', 
      (element) =&gt; element.innerHTML
  );
  await loginBtn.click();
  
  </code></pre>
  
  <p>But it seems like <code>element.innerHTML</code> is just a text and not clickable.  </p>
  
  <p>Any ideas how can I get the inner element?</p>