fix(ui): a board pinch-zoom no longer triggers swipe-back

The edge swipe-back armed on the first finger and fired on release even when a second finger had joined (a pinch-zoom — the board is not .zoomed yet at the first touch, so the hit-test could not skip it). Track the live pointer count in the capture phase and cancel the swipe the moment a second pointer joins; the back navigation fires only for a lone finger. Synthetic-PointerEvent e2e covers both.
2026-06-15 13:52:52 +02:00
parent 30a7c24140
commit 800a692766
2 changed files with 86 additions and 10 deletions
@@ -0,0 +1,45 @@
+import { expect, test, type Page } from './fixtures';
+
+// The edge swipe-back gesture (components/Screen.svelte) against the mock transport.
+// Real multi-touch pinch is not reproducible in Playwright, so this drives the handler
+// directly with synthetic PointerEvents (it listens at the window in the capture phase):
+// a lone finger swiping right from the left edge navigates back; a two-finger gesture
+// (a pinch-zoom, whose release would otherwise read as a swipe) does not.
+
+async function loginLobby(page: Page): Promise<void> {
+  await page.goto('/');
+  await page.getByRole('button', { name: /guest/i }).click();
+  await expect(page.getByText('Your turn')).toBeVisible();
+}
+
+function pointer(page: Page, type: string, x: number, y: number, id: number): Promise<void> {
+  return page.evaluate(
+    ({ type, x, y, id }) => {
+      window.dispatchEvent(
+        new PointerEvent(type, { clientX: x, clientY: y, pointerId: id, pointerType: 'touch', bubbles: true, cancelable: true }),
+      );
+    },
+    { type, x, y, id },
+  );
+}
+
+test('edge swipe-back: a lone finger navigates back, a pinch does not', async ({ page }) => {
+  await loginLobby(page);
+
+  // Open the Settings hub (back = lobby).
+  await page.getByRole('button', { name: /Settings/ }).click();
+  await expect(page.getByText('Your turn')).toBeHidden();
+
+  // A two-finger gesture from the left edge is a pinch (its second finger joins after the
+  // first): releasing it must NOT navigate back — we stay on Settings.
+  await pointer(page, 'pointerdown', 8, 300, 1);
+  await pointer(page, 'pointerdown', 60, 300, 2);
+  await pointer(page, 'pointerup', 260, 300, 1);
+  await pointer(page, 'pointerup', 90, 300, 2);
+  await expect(page.getByText('Your turn')).toBeHidden();
+
+  // A single finger swiping right from the left edge does return to the lobby.
+  await pointer(page, 'pointerdown', 8, 300, 1);
+  await pointer(page, 'pointerup', 260, 300, 1);
+  await expect(page.getByText('Your turn')).toBeVisible();
+});