title: Puppeteer: Override API Requests and respond with mock data without another package
body: <p>I am trying to get mock data for puppeteer for a dynamic vue application.</p>
  <p>Here is what I have (with placeholder API urls):</p>
  <pre><code>await page.setRequestInterception(true)
      page.on('request', (request) =&gt; {
        console.log(request.url())
        if (request.url() === 'URL HERE') {
          request.respond({
            status: 200,
            content: 'application/json',
            body: JSON.stringify(MockData.image)
          })
        } else if (request.url() === 'URL HERE') {
          request.respond({
            status: 200,
            content: 'application/json',
            body: JSON.stringify(MockData.text)
          })
        } else {
          request.continue()
        }
      })
  </code></pre>
  <p>This snippet sits above all logic where the requests would come through, and the URLS are correct.</p>
  <p>The mocked calls do not seem to finish or come through correctly. Is this a problem with my setup?</p>