firefox: page.url() does not show url fragments.

Steps to reproduce

Tell us about your environment:

• Puppeteer version: 5.5.0
• Platform / OS version: MacOS
• URLs (if applicable): https://en.wikipedia.org/wiki/Puppeteer
• Node.js version: v14.15.1

What steps will reproduce the problem?

Please include code that reproduces the issue. (As pointed out by @andersk here.)

const puppeteer = require("puppeteer");
(async () => {
  const browser = await puppeteer.launch({ headless: false, slowMo: 200, product: "firefox" });
  const page = await browser.newPage();
  await page.goto("https://en.wikipedia.org/wiki/Puppeteer");
  await page.waitForSelector("a[href='#References']", { visible: true });
  await Promise.all([
    page.waitForNavigation(),
    page.click("a[href='#References']"),
  ]);
  console.log(page.url());
  await browser.close();
})();

What is the expected result? page.url() should show fragment URL. For eg: https://en.wikipedia.org/wiki/Puppeteer/#References (When we run with chrome)

What happens instead? page.url() does not show URL with fragment.

[whimboo]

This works with Firefox 103 Nightly. So it has been fixed at some point:

  puppeteer:protocol:RECV ◀   '{"method":"Page.navigatedWithinDocument","params":{"frameId":"32","url":"https://en.wikipedia.org/wiki/Puppeteer#References"},"sessionId":"8c9b8a9f-d0c1-4657-83df-5d22744f6685"}'

[andersk]

Hmm, there is a real problem with fragment links though. This works with Chromium but times out with Firefox:

const puppeteer = require("puppeteer");
(async () => {
  const browser = await puppeteer.launch({ headless: false, slowMo: 200, product: "firefox" });
  const page = await browser.newPage();
  await page.goto("https://en.wikipedia.org/wiki/Puppeteer");
  await page.waitForSelector("a[href='#References']", { visible: true });
  await Promise.all([
    page.waitForNavigation(),
    page.click("a[href='#References']"),
  ]);
  console.log(page.url());
  await browser.close();
})();