94 lines
3.3 KiB
TypeScript
94 lines
3.3 KiB
TypeScript
|
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([]);
|
||
|
|
});
|
||
|
|
});
|