openchamber/packages/ui/src/components/chat/appLinkInteractions.test.ts

import { describe, expect, test } from 'bun:test';

import { attachAppLinkInteractions } from './appLinkInteractions';

const TestElement = class Element {};
const TestHTMLAnchorElement = class HTMLAnchorElement extends TestElement {};
Object.assign(globalThis, { Element: TestElement, HTMLAnchorElement: TestHTMLAnchorElement });

class TestAnchor extends HTMLAnchorElement {
  constructor(private readonly rawHref: string) {
    super();
  }

  getAttribute(name: string): string | null {
    return name === 'href' ? this.rawHref : null;
  }

  closest(): TestAnchor {
    return this;
  }
}

class TestContainer {
  listeners = new Map<string, EventListener>();

  addEventListener(name: string, listener: (event: MouseEvent) => void): void {
    // SAFETY: dispatch constructs every mouse field read by the production listener.
    this.listeners.set(name, (event) => listener(event as MouseEvent));
  }

  removeEventListener(name: string, listener: (event: MouseEvent) => void): void {
    void listener;
    this.listeners.delete(name);
  }

  dispatch(name: string, href: string, init: Partial<MouseEvent> = {}): Event {
    const event = new Event(name, { cancelable: true });
    Object.defineProperties(event, {
      target: { value: new TestAnchor(href) },
      button: { value: init.button ?? 0 },
      metaKey: { value: init.metaKey ?? false },
      ctrlKey: { value: init.ctrlKey ?? false },
      altKey: { value: init.altKey ?? false },
      shiftKey: { value: init.shiftKey ?? false },
    });
    this.listeners.get(name)?.(event);
    return event;
  }
}

const setup = (allowExternalHttp = true) => {
  const container = new TestContainer();
  const appLinks: string[] = [];
  const httpLinks: string[] = [];
  const cleanup = attachAppLinkInteractions(container, {
    allowExternalHttp,
    openAppLink: (url) => appLinks.push(url),
    openExternalHttp: (url) => httpLinks.push(url),
  });
  return { container, appLinks, httpLinks, cleanup };
};

describe('app link interactions', () => {
  test('confirms plain, modifier, and middle-click activations', () => {
    const { container, appLinks } = setup();
    const href = 'obsidian://open?vault=Notes';

    expect(container.dispatch('click', href).defaultPrevented).toBe(true);
    expect(container.dispatch('click', href, { metaKey: true }).defaultPrevented).toBe(true);
    expect(container.dispatch('auxclick', href, { button: 1 }).defaultPrevented).toBe(true);
    expect(appLinks).toEqual([href, href, href]);
  });

  test('blocks drag activation without opening immediately', () => {
    const { container, appLinks } = setup();
    const href = 'obsidian://open?vault=Notes';

    expect(container.dispatch('dragstart', href).defaultPrevented).toBe(true);
    expect(appLinks).toEqual([]);
  });

  test('keeps HTTP modifier behavior and the disabled HTTP path unchanged', () => {
    const enabled = setup();
    const disabled = setup(false);
    const href = 'https://example.com';

    expect(enabled.container.dispatch('click', href, { ctrlKey: true }).defaultPrevented).toBe(false);
    expect(enabled.container.dispatch('click', href).defaultPrevented).toBe(true);
    expect(disabled.container.dispatch('click', href).defaultPrevented).toBe(false);
    expect(enabled.httpLinks).toEqual([href]);
    expect(disabled.httpLinks).toEqual([]);
  });
});