title: How to click on specific part of element puppeteer
body: <p>Say I have an element that's 500 pixels wide, called 'selector'. How would I go about, for example, clicking on pixel 400? </p>
  
  <p>According to the puppeteer docs, .hover() will hover over the middle of the element. And when I tested it using code like </p>
  
  <pre><code>const selector = await page.$('selector');
  await selector.hover();
  await selector.click();
  </code></pre>
  
  <p>sure enough, it clicked right on pixel 250. So clearly, the code exists to make this happen. I looked through the puppeteer docs, but couldn't find the source code I needed. Can anyone help?</p>