title: Taking a screenshot of a page running WebGL using puppeteer
body: <p>I'm trying to take a screenshot of a page that is running webGL based Cesium. If I just take the screenshot, the page will be loaded, but the webGL wont be finished loading. </p>
  
  <p>If I use the built in <code>networkidle0</code> or <code>networkidle2</code>, the screenshot is never taken. Here is my code.</p>
  
  <p>And here is the website I'm trying to take a picture of: <a href="https://www.arelplane.com/@arelenglish" rel="nofollow noreferrer">https://www.arelplane.com/@arelenglish</a></p>
  
  <pre><code>const puppeteer = require('puppeteer');
  
  module.exports = {
    takeScreenshot: (userId) =&gt; {
      (async () =&gt; {
        const browser = await puppeteer.launch({
          headless: false,
          args: [
            '--headless',
            '--hide-scrollbars'
          ]
        });
        const page = await browser.newPage();
        await page.goto('https://www.arelplane.com/@arelenglish', {"waitUntil" : "networkidle0"});
        await page.screenshot({path: 'example.png'});
  
        await browser.close();
      })();
      return "Successful API call!";
    }
  }
  </code></pre>