page.waitForNavigation never resolves

Steps to reproduce

Tell us about your environment:

• Puppeteer version: 1.8.0
• Platform / OS version: MacOSX High Sierra
• URLs (if applicable):
• Node.js version: 10.0.0

What steps will reproduce the problem?

const http = require('http')
const puppeteer = require('puppeteer')
const PORT = 3000

/**
 * Dummy HTTP Server
 */
http.createServer((req, res) => {
  if (req.url === '/there') {
  	console.log('Responded')
    res.writeHead(200, { 'content-type': 'text/plain' })
    res.end('reached there')
  } else {
    res.writeHead(200, { 'content-type': 'text/html' })
    res.end(`
      <a href="/there"> Redirect </a>
    `)
  }
}).listen(PORT)

/**
 * Puppeteer script
 */
async function run () {
	const browser = await puppeteer.launch()
	const page = await browser.newPage()
	await page.goto('http://localhost:3000')
	await page.click('a')
	await page.waitForNavigation()

	const text = await page.evaluate(() => document.body.innerText)
	console.log(text)
}

run().then(console.log).catch(console.log)

What is the expected result? To see the text on console

What happens instead? page.waitForNavigation is stuck and then times out after 30 seconds

[ntzm]

You’re experiencing a race condition. Try using the example code instead:

const navigationPromise = page.waitForNavigation();
await page.click('a.my-link'); // Clicking the link will indirectly cause a navigation
await navigationPromise; // The navigationPromise resolves after navigation has finished

[vsemozhetbyt]

Or you can use this way:

await Promise.all([page.click('a'), page.waitForNavigation()]);