chore: bump version to 0.1443

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-10-08 00:19:42 +02:00 · 2026-01-30 22:25:59 +01:00
parent ce0139e393
commit 2a8882a94b
19 changed files with 1071 additions and 1606 deletions
@@ -22,6 +22,20 @@ export {
  type BrowserFixture,
 } from './browser.fixture.js';

+export {
+  createMobileSafariFixture,
+  destroyMobileBrowserFixture,
+  tap,
+  swipe,
+  swipeHorizontal,
+  longPress,
+  getComputedStyle,
+  hasBodyClass,
+  getMinHeight,
+  type MobileBrowserFixture,
+  type MobileViewport,
+} from './mobile-browser.fixture.js';
+
 export {
  CleanupTracker,
 } from './cleanup.fixture.js';
@@ -0,0 +1,204 @@
+/**
+ * Mobile browser fixture for E2E tests
+ * Manages Playwright WebKit browser lifecycle with mobile viewport emulation
+ */
+
+import { webkit, Browser, BrowserContext, Page } from 'playwright';
+import { MOBILE_VIEWPORTS } from '../e2e.config.js';
+
+export interface MobileBrowserFixture {
+  browser: Browser;
+  context: BrowserContext;
+  page: Page;
+}
+
+export interface MobileViewport {
+  width: number;
+  height: number;
+  deviceScaleFactor: number;
+  isMobile: boolean;
+  hasTouch: boolean;
+}
+
+/**
+ * Create and launch a mobile Safari (WebKit) browser fixture
+ * Defaults to iPhone 17 Pro viewport
+ * @param viewport - Optional viewport configuration (defaults to iPhone 17 Pro)
+ * @returns MobileBrowserFixture with browser, context, and page
+ */
+export async function createMobileSafariFixture(
+  viewport: MobileViewport = MOBILE_VIEWPORTS.IPHONE_17_PRO
+): Promise<MobileBrowserFixture> {
+  const browser = await webkit.launch({
+    headless: true,
+  });
+
+  const context = await browser.newContext({
+    viewport: { width: viewport.width, height: viewport.height },
+    deviceScaleFactor: viewport.deviceScaleFactor,
+    isMobile: viewport.isMobile,
+    hasTouch: viewport.hasTouch,
+    ignoreHTTPSErrors: true,
+    // Safari-like user agent
+    userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 18_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0 Mobile/15E148 Safari/604.1',
+  });
+
+  const page = await context.newPage();
+
+  // Set default timeout for all operations
+  page.setDefaultTimeout(15000);
+
+  return {
+    browser,
+    context,
+    page,
+  };
+}
+
+/**
+ * Close and cleanup a mobile browser fixture
+ * @param fixture - Mobile browser fixture to destroy
+ */
+export async function destroyMobileBrowserFixture(fixture: MobileBrowserFixture): Promise<void> {
+  if (fixture.page) {
+    await fixture.page.close().catch(() => {});
+  }
+  if (fixture.context) {
+    await fixture.context.close().catch(() => {});
+  }
+  if (fixture.browser) {
+    await fixture.browser.close().catch(() => {});
+  }
+}
+
+/**
+ * Simulate a tap gesture (touch start + touch end)
+ * @param page - Playwright page
+ * @param selector - CSS selector or x,y coordinates
+ */
+export async function tap(page: Page, selectorOrCoords: string | { x: number; y: number }): Promise<void> {
+  if (typeof selectorOrCoords === 'string') {
+    await page.tap(selectorOrCoords);
+  } else {
+    await page.touchscreen.tap(selectorOrCoords.x, selectorOrCoords.y);
+  }
+}
+
+/**
+ * Simulate a swipe gesture
+ * @param page - Playwright page
+ * @param startX - Starting X coordinate
+ * @param startY - Starting Y coordinate
+ * @param endX - Ending X coordinate
+ * @param endY - Ending Y coordinate
+ * @param duration - Duration in ms (default 100ms for fast swipe)
+ */
+export async function swipe(
+  page: Page,
+  startX: number,
+  startY: number,
+  endX: number,
+  endY: number,
+  duration = 100
+): Promise<void> {
+  // Calculate steps based on duration (roughly 16ms per step for 60fps)
+  const steps = Math.max(Math.floor(duration / 16), 2);
+
+  // Start touch
+  await page.touchscreen.tap(startX, startY);
+
+  // Move through intermediate points
+  for (let i = 1; i <= steps; i++) {
+    const ratio = i / steps;
+    const x = startX + (endX - startX) * ratio;
+    const y = startY + (endY - startY) * ratio;
+    await page.touchscreen.tap(x, y);
+  }
+}
+
+/**
+ * Simulate a horizontal swipe (for tab switching)
+ * @param page - Playwright page
+ * @param direction - 'left' or 'right'
+ * @param distance - Swipe distance in pixels (default 100)
+ */
+export async function swipeHorizontal(
+  page: Page,
+  direction: 'left' | 'right',
+  distance = 100
+): Promise<void> {
+  const viewport = page.viewportSize();
+  if (!viewport) return;
+
+  const centerX = viewport.width / 2;
+  const centerY = viewport.height / 2;
+
+  if (direction === 'left') {
+    await swipe(page, centerX + distance / 2, centerY, centerX - distance / 2, centerY);
+  } else {
+    await swipe(page, centerX - distance / 2, centerY, centerX + distance / 2, centerY);
+  }
+}
+
+/**
+ * Simulate a long press gesture
+ * @param page - Playwright page
+ * @param selector - CSS selector
+ * @param duration - Hold duration in ms (default 500ms)
+ */
+export async function longPress(page: Page, selector: string, duration = 500): Promise<void> {
+  const element = await page.$(selector);
+  if (!element) throw new Error(`Element not found: ${selector}`);
+
+  const box = await element.boundingBox();
+  if (!box) throw new Error(`Element has no bounding box: ${selector}`);
+
+  const x = box.x + box.width / 2;
+  const y = box.y + box.height / 2;
+
+  // Simulate long press with mouse (touch events are more complex)
+  await page.mouse.move(x, y);
+  await page.mouse.down();
+  await page.waitForTimeout(duration);
+  await page.mouse.up();
+}
+
+/**
+ * Get computed style property for an element
+ * @param page - Playwright page
+ * @param selector - CSS selector
+ * @param property - CSS property name
+ * @returns The computed style value
+ */
+export async function getComputedStyle(
+  page: Page,
+  selector: string,
+  property: string
+): Promise<string> {
+  return await page.$eval(
+    selector,
+    (el, prop) => window.getComputedStyle(el).getPropertyValue(prop),
+    property
+  );
+}
+
+/**
+ * Check if body has a specific class
+ * @param page - Playwright page
+ * @param className - Class name to check
+ * @returns true if class exists
+ */
+export async function hasBodyClass(page: Page, className: string): Promise<boolean> {
+  return await page.evaluate((cls) => document.body.classList.contains(cls), className);
+}
+
+/**
+ * Get the minimum height of an element
+ * @param page - Playwright page
+ * @param selector - CSS selector
+ * @returns Minimum height in pixels
+ */
+export async function getMinHeight(page: Page, selector: string): Promise<number> {
+  const minHeightStr = await getComputedStyle(page, selector, 'min-height');
+  return parseInt(minHeightStr) || 0;
+}