[BUG] waitFor set timeout doesn't work in headless mode but does work in headed mode

Context:

• Playwright Version: ^1.18.1
• Operating System: Linux
• Node.js version: v16.13.1
• Browser: Chromium

Code Snippet

test('2.4 - Delete a new sandbox', async ({ page }) => {
  page.setDefaultTimeout(600000);
  const APP = 'baseline-sandbox-delete';
  const SANDBOX = 'development';

  const applicationPage = new ApplicationPage(page);
  await expect(applicationPage.getApplicationTitle(APP)).toBeVisible();
  const sandbox = await applicationPage.getSandboxOrBranchElement(SANDBOX);
  const sandboxExists = (await sandbox.count()) > 0;
  if (!sandboxExists) {
    await applicationPage.createSandbox(SANDBOX);
    await expect(applicationPage.creatingSandboxOrBranchText).toBeVisible();
    const loading = applicationPage.creatingSandboxOrBranchText;
    await loading.waitFor({ state: 'hidden', timeout: 600000 });
  }
  await applicationPage.deleteSandbox(SANDBOX);
  await expect(sandbox).toHaveCount(0);
});

Describe the bug

Wen running the test as described above in headed mode with PWDEBUG=1 I can see that the test pauses until the loading element disappears and then continues with the deletion part which is what I expect. However when running the test in headless mode it seems to ignore the timeout thus resulting in the test to fail because the loading state is still visible at that time.

Error:

`Timeout of 30000ms exceeded.

Pending operations:
  - locator.waitFor at tests/applications/applications.spec.ts:87:19

locator.waitFor: Target closed
=========================== logs ===========================
waiting for selector "p:has-text("%")" to be hidden
  selector resolved to visible <p class="sc-TBWPX joiGzv">0%</p>
============================================================

  85 |     await expect(applicationPage.creatingSandboxOrBranchText).toBeVisible();
  86 |     const loading = applicationPage.creatingSandboxOrBranchText;
> 87 |     await loading.waitFor({ state: 'hidden', timeout: 600000 });
     |                   ^
  88 |   }
  89 |   await applicationPage.deleteSandbox(SANDBOX);
  90 |   await expect(sandbox).toHaveCount(0);

`

[yaml-ns]

Same problem. Code works headed mode but doesn’t in headless mode.

• Playwright Version: 1.23.0
• Operating System: Linux / Windows
• Python : 3.7
• Browser: Chromium

response = page.goto(source)
page.wait_for_selector('a[href="' + url + '"]')
result = bout_scrap(page.content(), url)

Timeout 30000ms exceeded.
=========================== logs ===========================
waiting for selector "a[href="https://en.wikipedia.org/wiki/UEFA_European_Championship"]"
============================================================

[pavelfeldman]

We need more information to act on this report. Please file a new one and link to this issue when you get back to it!