waitForNavigation doesn't work after evaluate fetch() or XMLHttpRequest()

Puppeteer version: 0.13.0 Platform / OS version: Win10x64 / Chromium 64.0.3264.0

const puppeteer = require('puppeteer');
(async() => {
const browser = await puppeteer.launch({headless:false,userDataDir:'test-profile-dir'});
const page = await browser.newPage();
await page.setRequestInterception(true);
await page.on('request', request => {
    request.continue();
});
await page.goto("https://www.npmjs.com/",{waitUntil: ['networkidle0','load','domcontentloaded'],timeout:10000}).catch(error=>console.log(error));
await page.evaluate(async () => {fetch("https://www.npmjs.com/features").then( response => response.text() ).then( html => document.body.innerHTML=html )}).catch(error=>console.log(error));
await page.waitForNavigation({waitUntil: ['networkidle0','load','domcontentloaded'],timeout:10000}).catch(error=>console.log(error));
await page.goto("https://www.npmjs.com/pricing",{waitUntil: ['networkidle0','load','domcontentloaded'],timeout:10000}).catch(error=>console.log(error));
await browser.close();
})();

it returns the result as below

Error: Navigation Timeout Exceeded: 10000ms exceeded

[remorses]

I had the same iussue and resolved using a recursive function that reset itself every request, and after a small time of idle network ( time parameter ) resolves.

const waitForLoad = (page, time) => new Promise((resolve) => {
  page.on('rquest', (req) => {
    waitForLoad(page, time)
  })
  page.on('requestfinished', (req) => {
    setTimeout(() => resolve("timeOut"), time)
  })
})

use like this

await page.click("button")
await waitForLoad(page, 800)

[erlichmen]

@remorses use .once() instead of .on()