Genarrative/apps/ai-game-creator-shell/tests/previewRightPanGesture.test.ts

import { describe, expect, it } from 'vitest';

import {
  createPreviewRightPanGesture,
  movePreviewRightPanGesture,
  resolvePreviewRightPanRelease,
  shouldInterceptRightContextMenu,
} from '../src/view/ui-editor/components/preview/previewRightPanGesture';

const startViewport = { x: 10, y: -20, scale: 0.75 };

function pressAt(x: number, y: number) {
  return createPreviewRightPanGesture({
    pointerId: 7,
    pointer: { x, y },
    viewport: startViewport,
  });
}

describe('preview right-button pan gesture', () => {
  it('starts as a click until the pointer passes the drag threshold', () => {
    const gesture = pressAt(100, 100);

    expect(gesture.panning).toBe(false);
    expect(movePreviewRightPanGesture(gesture, { x: 101, y: 100 })).toBe(
      gesture,
    );
    expect(
      movePreviewRightPanGesture(gesture, { x: 102, y: 100 }).panning,
    ).toBe(true);
  });

  it('keeps panning once engaged, even when the pointer returns to the start', () => {
    const engaged = movePreviewRightPanGesture(pressAt(100, 100), {
      x: 130,
      y: 140,
    });

    expect(engaged.panning).toBe(true);
    expect(
      movePreviewRightPanGesture(engaged, { x: 100, y: 100 }).panning,
    ).toBe(true);
  });

  it('pans by the full delta from the press point without touching the scale', () => {
    const gesture = movePreviewRightPanGesture(pressAt(100, 100), {
      x: 140,
      y: 70,
    });
    const release = resolvePreviewRightPanRelease({
      gesture,
      pointer: { x: 140, y: 70 },
      isInsidePreview: true,
    });

    expect(release.viewport).toEqual({ x: 50, y: -50, scale: 0.75 });
    expect(release.openNodeMenu).toBe(false);
  });

  it('opens the node menu only for a clean release inside the preview', () => {
    const gesture = pressAt(100, 100);

    expect(
      resolvePreviewRightPanRelease({
        gesture,
        pointer: { x: 101, y: 100 },
        isInsidePreview: true,
      }),
    ).toEqual({ viewport: null, openNodeMenu: true });

    expect(
      resolvePreviewRightPanRelease({
        gesture,
        pointer: { x: 101, y: 100 },
        isInsidePreview: false,
      }),
    ).toEqual({ viewport: null, openNodeMenu: false });
  });

  it('intercepts only the right button of the preview right-press sequence', () => {
    expect(
      shouldInterceptRightContextMenu({
        button: 2,
        withinRightPressSequence: true,
      }),
    ).toBe(true);
    expect(
      shouldInterceptRightContextMenu({
        button: 2,
        withinRightPressSequence: false,
      }),
    ).toBe(false);
    expect(
      shouldInterceptRightContextMenu({
        button: 0,
        withinRightPressSequence: true,
      }),
    ).toBe(false);
    expect(
      shouldInterceptRightContextMenu({
        button: -1,
        withinRightPressSequence: true,
      }),
    ).toBe(false);
  });
});