[Bug]: page.close() hangs on Chromium when racing with cross-origin navigation commit #41900

import http from 'node:http';

import { test as base } from '@playwright/test';

function createServer(): Promise<{ url: string; close: () => void }> {
  return new Promise((resolve) => {
    const server = http.createServer((_req, res) => {
      res.writeHead(200, { 'content-type': 'text/html' });
      res.end('<html><body>ok</body></html>');
    });
    server.listen(0, '127.0.0.1', () => {
      const port = (server.address() as { port: number }).port;
      resolve({ url: `http://127.0.0.1:${port}`, close: () => server.close() });
    });
  });
}

const test = base.extend<{ origins: [string, string] }>({
  async origins({}, use) {
    const a = await createServer();
    const b = await createServer();
    await use([a.url, b.url]);
    a.close();
    b.close();
  },
});

test.describe('page.close() race with cross-origin navigation commit', () => {
  for (let i = 0; i < 30; i++) {
    test(`attempt ${i}`, async ({ context, origins: [originA, originB] }) => {
      test.setTimeout(10_000);
      const page = await context.newPage();
      await page.goto(originA);

      // Cross-origin nav: A → B
      page.goto(originB).catch(() => {});
      await new Promise((r) => setTimeout(r, 10));

      // Cross-origin nav: B → A (second RFH swap)
      page.goto(originA).catch(() => {});

      // Races with the second commit — hangs sometimes
      await page.close();
    });
  }
});