[BUG] TimeoutError when clicking a button that displays a popup window with Webkit.

I get “locator.click: Timeout” error when I click a button that displays a popup window in Webkit.

This problem doesn’t happen with all popup windows, but it always happens where it does.

It doesn’t happen in Chromium, Chrome, Edge, Firefox.

For the time being, I am avoiding it with the following patch, but I want a fundamental solution.

type LocatorClickArgs = {
  button?: "left" | "right" | "middle";
  clickCount?: number;
  delay?: number;
  force?: boolean;
  modifiers?: Array<"Alt" | "Control" | "Meta" | "Shift">;
  noWaitAfter?: boolean;
  position?: {
    x: number;
    y: number;
  };
  /**
   * Maximum time in milliseconds.
   */
  timeout?: number;
  trial?: boolean;
};

interface LocatorExtendable {
  clickIgnoreTimeout(options: LocatorClickArgs): Promise<void>;
}

export type LocatorEx = Locator & LocatorExtendable;

export function extendLocator(locator: Locator): LocatorEx {
  const lctr = locator as LocatorEx;
  const { click: _click } = lctr;
  lctr.clickIgnoreTimeout = async (options) => {
    try {
      await _click.apply(lctr, [options]);
    } catch (err: any) {
      const msg = `${err.message}`;
      if (
        err instanceof Error &&
        msg.startsWith("locator.click: Target closed")
      ) {
        // Patch for #13090
        // Ignore error.
        console.warn(msg);
      } else if (
        err instanceof errors.TimeoutError &&
        msg.startsWith("locator.click: Timeout")
      ) {
        // Patch for this problem #18392.
        // Ignore error.
        console.warn(msg);
      } else {
        throw err;
      }
    }
  };
  return lctr;
}

The version I used is below.

Playwright: 1.27.1 Chromium: 107.0.5304.18 Chrome: 107.0.5304.63 Edge: 106.0.1370.52 Firefox: Nightly 105.0.1 Webkit: 16.0 NodeJS: 16.13.0 LTS OS: Windows 10 (21H2 / Build 19044.2006)

[mxschmitt]

I can repro, thanks for the great repro repository! I’ll mark it as an issue for the next release.

[test20161010]

I created test project. https://github.com/test20161010/playwright-18392 You can run with npx playwright test. Only webkit case will be failed. I ran this test on Windows 10.