@adia-ai/web-components 0.8.19 → 0.8.21

package/traits/input-mask/input-mask.test.js

@@ -1,151 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { inputMask } from './input-mask.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
-
-/**
- * Drive an `input` event with a new value and a caret-position guess.
- * Mirrors what a real browser dispatches when the user types.
- */
-function type(host, value, caret) {
-  host.value = value;
-  if (caret != null) {
-    try { host.setSelectionRange(caret, caret); } catch { /* number-typed inputs throw */ }
-  }
-  host.dispatchEvent(new Event('input'));
-}
-
-/**
- * Microtask-flush helper — caret writes are queued via queueMicrotask
- * so the DOM write doesn't fight the browser's own caret reposition.
- */
-const flush = () => new Promise(r => queueMicrotask(r));
-
-describe('input-mask', () => {
-  beforeEach(resetDOM);
-
-  it('schema declares forms-data category + the documented surface', () => {
-    expect(inputMask.schema.category).toBe('forms-data');
-    expect(inputMask.schema.attributes).toContain('data-input-mask-active');
-    expect(inputMask.schema.attributes).toContain('data-input-mask-complete');
-    expect(inputMask.schema.events).toContain('mask-commit');
-    expect(inputMask.schema.config).toContain('data-mask-pattern');
-    expect(inputMask.schema.config).toContain('data-mask-strip-on-commit');
-  });
-
-  it('phone-us named pattern: 4155551234 → (415) 555-1234', () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'phone-us' });
-    connectTrait(inputMask, host);
-    type(host, '4155551234');
-    expect(host.value).toBe('(415) 555-1234');
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(true);
-  });
-
-  it('credit-card pattern: 16 digits → 4-4-4-4 grouping', () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'credit-card' });
-    connectTrait(inputMask, host);
-    type(host, '4111111111111111');
-    expect(host.value).toBe('4111 1111 1111 1111');
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(true);
-  });
-
-  it('partial input does not set complete; full input does', () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'date-iso' });
-    connectTrait(inputMask, host);
-    type(host, '2026');
-    expect(host.value).toBe('2026');
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(false);
-    type(host, '20260504');
-    expect(host.value).toBe('2026-05-04');
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(true);
-  });
-
-  it('user-supplied pattern overrides any naming collision', () => {
-    // Pure literal pattern — should be taken verbatim, not matched as a name.
-    const host = mountHost('input', { 'data-mask-pattern': 'AAA-####' });
-    connectTrait(inputMask, host);
-    type(host, 'ABC1234');
-    expect(host.value).toBe('ABC-1234');
-  });
-
-  it('rejects placeholder-mismatching chars (digit-only mask drops letters)', () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'cvv' });
-    connectTrait(inputMask, host);
-    type(host, '12a3b4');
-    // letters skipped, only the 4 digits land in the 4 # slots
-    expect(host.value).toBe('1234');
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(true);
-  });
-
-  it('caret preservation: typing in the middle keeps the cursor anchored', async () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'phone-us' });
-    connectTrait(inputMask, host);
-    // Seed with 4 digits → "(415) " has 4 fillable slots reached with
-    // 3 area-code digits + 1 exchange digit: "(415) 5".
-    type(host, '4155');
-    expect(host.value).toBe('(415) 5');
-    // Append a 5th digit. The trait should reformat to "(415) 55" and
-    // place the caret at the position after 5 real chars (index 8).
-    type(host, '41555', 8);
-    await flush();
-    expect(host.value).toBe('(415) 55');
-    expect(host.selectionStart).toBe(8);
-  });
-
-  it('mask-commit on blur fires with raw + formatted detail', () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'phone-us' });
-    connectTrait(inputMask, host);
-    const spy = spyEvent(host, 'mask-commit');
-    type(host, '4155551234');
-    host.dispatchEvent(new Event('blur'));
-    expect(spy.count).toBe(1);
-    expect(spy.last.formatted).toBe('(415) 555-1234');
-    expect(spy.last.raw).toBe('4155551234');
-  });
-
-  it('strip-on-commit replaces the value with the raw form on blur', () => {
-    const host = mountHost('input', {
-      'data-mask-pattern': 'phone-us',
-      'data-mask-strip-on-commit': '',
-    });
-    connectTrait(inputMask, host);
-    type(host, '4155551234');
-    expect(host.value).toBe('(415) 555-1234');
-    host.dispatchEvent(new Event('blur'));
-    expect(host.value).toBe('4155551234');
-  });
-
-  it('disconnect clears managed attributes', () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'phone-us' });
-    const inst = connectTrait(inputMask, host);
-    type(host, '4155551234');
-    expect(host.hasAttribute('data-input-mask-active')).toBe(true);
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(true);
-    inst.disconnect(host);
-    expect(host.hasAttribute('data-input-mask-active')).toBe(false);
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(false);
-  });
-
-  it('missing pattern is a no-op (value untouched, no active flag)', () => {
-    const host = mountHost('input');
-    connectTrait(inputMask, host);
-    type(host, 'whatever-the-user-types');
-    expect(host.value).toBe('whatever-the-user-types');
-    expect(host.hasAttribute('data-input-mask-active')).toBe(false);
-  });
-
-  it('AAA letter slot only accepts letters (digits skipped)', () => {
-    const host = mountHost('input', { 'data-mask-pattern': 'AAA' });
-    connectTrait(inputMask, host);
-    type(host, 'A1B2C3');
-    expect(host.value).toBe('ABC');
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(true);
-  });
-
-  it('star slot accepts any char', () => {
-    const host = mountHost('input', { 'data-mask-pattern': '***-***' });
-    connectTrait(inputMask, host);
-    type(host, 'aB1xY9');
-    expect(host.value).toBe('aB1-xY9');
-    expect(host.hasAttribute('data-input-mask-complete')).toBe(true);
-  });
-});

package/traits/intersection-observer/intersection-observer.test.js

@@ -1,38 +0,0 @@
-import { describe, it, expect, beforeEach, vi, afterEach } from 'vitest';
-import { intersectionObserver } from './intersection-observer.js';
-import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
-
-describe('intersection-observer', () => {
-  let originalIO;
-
-  beforeEach(() => {
-    resetDOM();
-    originalIO = globalThis.IntersectionObserver;
-  });
-
-  afterEach(() => {
-    if (originalIO) globalThis.IntersectionObserver = originalIO;
-    else delete globalThis.IntersectionObserver;
-  });
-
-  it('without IntersectionObserver: gracefully no-ops on connect', () => {
-    delete globalThis.IntersectionObserver;
-    const host = mountHost();
-    expect(() => connectTrait(intersectionObserver, host)).not.toThrow();
-  });
-
-  it('with mocked IntersectionObserver: observe() is called on connect', () => {
-    const observe = vi.fn();
-    const ioDisconnect = vi.fn();
-    globalThis.IntersectionObserver = function MockIO() {
-      this.observe = observe;
-      this.disconnect = ioDisconnect;
-      this.unobserve = vi.fn();
-    };
-    const host = mountHost('div', { 'data-intersection-threshold': '0.5' });
-    const inst = connectTrait(intersectionObserver, host);
-    expect(observe).toHaveBeenCalledWith(host);
-    inst.disconnect(host);
-    expect(ioDisconnect).toHaveBeenCalled();
-  });
-});

package/traits/keyboard-nav/keyboard-nav.test.js

@@ -1,41 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { keyboardNav } from './keyboard-nav.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
-
-describe('keyboard-nav', () => {
-  beforeEach(resetDOM);
-
-  it.each([
-    ['ArrowUp', 'nav-up'],
-    ['ArrowDown', 'nav-down'],
-    ['ArrowLeft', 'nav-left'],
-    ['ArrowRight', 'nav-right'],
-    ['Enter', 'nav-enter'],
-    ['Escape', 'nav-escape'],
-    ['Home', 'nav-home'],
-    ['End', 'nav-end'],
-  ])('%s keydown fires %s event', (key, eventName) => {
-    const host = mountHost();
-    connectTrait(keyboardNav, host);
-    const spy = spyEvent(host, eventName);
-    host.dispatchEvent(new KeyboardEvent('keydown', { key }));
-    expect(spy.count).toBe(1);
-  });
-
-  it('unrelated key does not fire any nav event', () => {
-    const host = mountHost();
-    connectTrait(keyboardNav, host);
-    const spy = spyEvent(host, 'nav-up');
-    host.dispatchEvent(new KeyboardEvent('keydown', { key: 'a' }));
-    expect(spy.count).toBe(0);
-  });
-
-  it('disconnect removes the keydown listener', () => {
-    const host = mountHost();
-    const inst = connectTrait(keyboardNav, host);
-    const spy = spyEvent(host, 'nav-up');
-    inst.disconnect(host);
-    host.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp' }));
-    expect(spy.count).toBe(0);
-  });
-});

package/traits/keyboard-reorderable/keyboard-reorderable.test.js

@@ -1,45 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { keyboardReorderable } from './keyboard-reorderable.js';
-import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
-
-// Minimal smoke coverage. Keyboard-reorderable is the WCAG 2.5.7 +
-// ARIA 1.1 alternative to draggable-list-item for the
-// apps/tasks/ DnD model. Cases below verify
-// only the trait's own surface (schema, attribute lifecycle, id
-// assignment, tabindex injection). Multi-container keyboard flow
-// belongs in the playground integration suite.
-
-describe('keyboard-reorderable', () => {
-  beforeEach(resetDOM);
-
-  it('schema shape is defined', () => {
-    expect(keyboardReorderable.schema.name).toBe('keyboard-reorderable');
-    expect(keyboardReorderable.schema.category).toBe('keyboard-navigation');
-    expect(keyboardReorderable.schema.description.length).toBeGreaterThanOrEqual(11);
-    expect(keyboardReorderable.schema.events).toContain('dnd-lift');
-    expect(keyboardReorderable.schema.events).toContain('dnd-drop');
-  });
-
-  it('connect assigns an id + ensures tabindex', () => {
-    const host = mountHost('div');
-    connectTrait(keyboardReorderable, host);
-    expect(host.getAttribute('data-keyboard-reorderable-id')).toBeTruthy();
-    expect(host.getAttribute('tabindex')).toBe('0');
-  });
-
-  it('connect respects pre-existing tabindex', () => {
-    const host = mountHost('div', { tabindex: '-1' });
-    connectTrait(keyboardReorderable, host);
-    expect(host.getAttribute('tabindex')).toBe('-1');
-  });
-
-  it('disconnect clears its attributes', () => {
-    const host = mountHost('div');
-    const inst = keyboardReorderable();
-    inst.connect(host);
-    host.setAttribute('data-keyboard-reorderable-lifting', '');
-    inst.disconnect(host);
-    expect(host.hasAttribute('data-keyboard-reorderable-lifting')).toBe(false);
-    expect(host.hasAttribute('data-keyboard-reorderable-id')).toBe(false);
-  });
-});

package/traits/layout-animation/layout-animation.test.js

@@ -1,114 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { layoutAnimation } from './layout-animation.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, raf } from '../test-helpers.js';
-
-describe('layout-animation', () => {
-  beforeEach(resetDOM);
-
-  it('connect does not throw and registers no leftover attribute', () => {
-    const host = mountHost();
-    const inst = connectTrait(layoutAnimation, host);
-    expect(host.hasAttribute('data-layout-animation-active')).toBe(false);
-    inst.disconnect(host);
-  });
-
-  it('disconnect cleans up the active attribute and is idempotent', () => {
-    const host = mountHost();
-    const inst = connectTrait(layoutAnimation, host);
-    host.setAttribute('data-layout-animation-active', '');
-    inst.disconnect(host);
-    expect(host.hasAttribute('data-layout-animation-active')).toBe(false);
-    // A second disconnect must not throw.
-    expect(() => inst.disconnect(host)).not.toThrow();
-  });
-
-  it('reads data-layout-animate-duration + data-layout-animate-easing without throwing', () => {
-    const host = mountHost('div', {
-      'data-layout-animate-duration': '500',
-      'data-layout-animate-easing': 'ease-in-out',
-    });
-    expect(() => connectTrait(layoutAnimation, host)).not.toThrow();
-  });
-
-  it('handles a missing duration / easing — defaults apply silently', () => {
-    const host = mountHost();
-    expect(() => connectTrait(layoutAnimation, host)).not.toThrow();
-  });
-
-  it('exposes the expected schema surface', () => {
-    expect(layoutAnimation.schema.name).toBe('layout-animation');
-    expect(layoutAnimation.schema.category).toBe('motion-positioning');
-    expect(layoutAnimation.schema.attributes).toContain('data-layout-animation-active');
-    expect(layoutAnimation.schema.events).toContain('layout-animation-done');
-    expect(layoutAnimation.schema.config).toEqual([
-      'data-layout-animate-duration',
-      'data-layout-animate-easing',
-      'data-layout-animate-trigger',
-    ]);
-  });
-
-  it('parent-childList mutation invokes the FLIP path without throwing', async () => {
-    // Build a parent + sibling so we can mutate child order.
-    const parent = document.createElement('div');
-    document.body.appendChild(parent);
-    const sib = document.createElement('div');
-    const host = document.createElement('div');
-    parent.appendChild(sib);
-    parent.appendChild(host);
-
-    const inst = layoutAnimation();
-    inst.connect(host);
-
-    // Reorder siblings — should drive the MutationObserver callback.
-    expect(() => parent.insertBefore(host, sib)).not.toThrow();
-
-    // Allow the MutationObserver microtask + rAF capture to settle.
-    await Promise.resolve();
-    await raf();
-
-    inst.disconnect(host);
-    expect(host.hasAttribute('data-layout-animation-active')).toBe(false);
-  });
-
-  it('attribute-trigger flip is wired (toggling data-layout-animate-trigger does not throw)', async () => {
-    const host = mountHost();
-    const inst = connectTrait(layoutAnimation, host);
-
-    // Set the trigger — observer should fire a flip(); no DOM rect change in
-    // the test env means it short-circuits to "no meaningful delta", which we
-    // assert by absence of throws + no leftover active attribute after settle.
-    host.setAttribute('data-layout-animate-trigger', '1');
-
-    await Promise.resolve();
-    await raf();
-
-    inst.disconnect(host);
-    expect(host.hasAttribute('data-layout-animation-active')).toBe(false);
-  });
-
-  it('layout-animation-done event listener attaches without error', () => {
-    const host = mountHost();
-    const spy = spyEvent(host, 'layout-animation-done');
-    connectTrait(layoutAnimation, host);
-    // We don't assert spy.count > 0 here — the test environment (happy-dom)
-    // returns zero rects, so the FLIP path short-circuits at the no-delta
-    // gate. The contract we care about is that subscribing doesn't throw.
-    expect(spy.count).toBe(0);
-  });
-
-  it('two parallel instances on different hosts do not interfere', () => {
-    const a = mountHost();
-    const b = mountHost();
-    const ia = connectTrait(layoutAnimation, a);
-    const ib = connectTrait(layoutAnimation, b);
-    expect(() => ia.disconnect(a)).not.toThrow();
-    expect(() => ib.disconnect(b)).not.toThrow();
-  });
-
-  it('disconnect cancels any scheduled snapshot capture', () => {
-    const host = mountHost();
-    const inst = connectTrait(layoutAnimation, host);
-    // Disconnect synchronously after connect — exercises the rAF-cancel branch.
-    expect(() => inst.disconnect(host)).not.toThrow();
-  });
-});

package/traits/long-press/long-press.test.js

@@ -1,244 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { longPress } from './long-press.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, wait } from '../test-helpers.js';
-
-function pointerDown(host, x = 0, y = 0) {
-  host.dispatchEvent(new PointerEvent('pointerdown', { clientX: x, clientY: y, bubbles: true }));
-}
-function pointerUp(host, x = 0, y = 0) {
-  host.dispatchEvent(new PointerEvent('pointerup', { clientX: x, clientY: y, bubbles: true }));
-}
-function pointerMove(host, x, y) {
-  host.dispatchEvent(new PointerEvent('pointermove', { clientX: x, clientY: y, bubbles: true }));
-}
-function pointerLeave(host) {
-  host.dispatchEvent(new PointerEvent('pointerleave', { bubbles: true }));
-}
-
-describe('long-press', () => {
-  beforeEach(() => {
-    resetDOM();
-    vi.useFakeTimers();
-  });
-
-  it('sets data-long-press-active on pointerdown', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '100',
-      'data-long-press-progress-interval': '20',
-    });
-    connectTrait(longPress, host);
-    pointerDown(host);
-    expect(host.hasAttribute('data-long-press-active')).toBe(true);
-    expect(host.getAttribute('data-long-press-progress')).toBe('0');
-  });
-
-  it('fires "long-press" after the configured duration elapses', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '100',
-      'data-long-press-progress-interval': '20',
-    });
-    connectTrait(longPress, host);
-    const spy = spyEvent(host, 'long-press');
-    pointerDown(host);
-    vi.advanceTimersByTime(100);
-    expect(spy.count).toBe(1);
-    expect(host.hasAttribute('data-long-press-fired')).toBe(true);
-  });
-
-  it('emits "long-press-progress" at intervals while held', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '100',
-      'data-long-press-progress-interval': '20',
-    });
-    connectTrait(longPress, host);
-    const spy = spyEvent(host, 'long-press-progress');
-    pointerDown(host);
-    vi.advanceTimersByTime(60); // 3 ticks at 20ms
-    expect(spy.count).toBeGreaterThanOrEqual(2);
-    // Each tick should report progress in [0, 1].
-    for (const detail of spy.captures) {
-      expect(detail.progress).toBeGreaterThanOrEqual(0);
-      expect(detail.progress).toBeLessThanOrEqual(1);
-    }
-  });
-
-  it('fires "long-press-cancelled" when pointerup arrives early', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '200',
-      'data-long-press-progress-interval': '50',
-    });
-    connectTrait(longPress, host);
-    const fireSpy = spyEvent(host, 'long-press');
-    const cancelSpy = spyEvent(host, 'long-press-cancelled');
-    pointerDown(host);
-    vi.advanceTimersByTime(80); // well short of 200
-    pointerUp(host);
-    expect(fireSpy.count).toBe(0);
-    expect(cancelSpy.count).toBe(1);
-    expect(cancelSpy.last.reason).toBe('release');
-  });
-
-  it('fires "long-press-cancelled" on pointerleave', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '200',
-    });
-    connectTrait(longPress, host);
-    const cancelSpy = spyEvent(host, 'long-press-cancelled');
-    pointerDown(host);
-    vi.advanceTimersByTime(40);
-    pointerLeave(host);
-    expect(cancelSpy.count).toBe(1);
-    expect(cancelSpy.last.reason).toBe('leave');
-    expect(host.hasAttribute('data-long-press-active')).toBe(false);
-  });
-
-  it('cancels when pointermove exceeds the tolerance', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '300',
-      'data-long-press-tolerance': '8',
-    });
-    connectTrait(longPress, host);
-    const cancelSpy = spyEvent(host, 'long-press-cancelled');
-    pointerDown(host, 0, 0);
-    pointerMove(host, 20, 0); // > 8px
-    expect(cancelSpy.count).toBe(1);
-    expect(cancelSpy.last.reason).toBe('move');
-  });
-
-  it('does NOT cancel when pointermove stays within tolerance', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '100',
-      'data-long-press-tolerance': '8',
-    });
-    connectTrait(longPress, host);
-    const cancelSpy = spyEvent(host, 'long-press-cancelled');
-    const fireSpy = spyEvent(host, 'long-press');
-    pointerDown(host, 0, 0);
-    pointerMove(host, 5, 5); // hypot ~7.07, under 8
-    vi.advanceTimersByTime(100);
-    expect(cancelSpy.count).toBe(0);
-    expect(fireSpy.count).toBe(1);
-  });
-
-  it('respects [disabled] — no listeners fire, no attributes set', () => {
-    const host = mountHost('button', {
-      disabled: '',
-      'data-long-press-duration': '50',
-    });
-    connectTrait(longPress, host);
-    const fireSpy = spyEvent(host, 'long-press');
-    pointerDown(host);
-    expect(host.hasAttribute('data-long-press-active')).toBe(false);
-    vi.advanceTimersByTime(100);
-    expect(fireSpy.count).toBe(0);
-  });
-
-  it('suppresses the synthetic click that follows a committed long-press', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '100',
-    });
-    connectTrait(longPress, host);
-    let clickHits = 0;
-    host.addEventListener('click', () => clickHits++);
-    pointerDown(host);
-    vi.advanceTimersByTime(100);
-    pointerUp(host);
-    host.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-    expect(clickHits).toBe(0);
-  });
-
-  it('does NOT suppress click after a cancelled press', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '300',
-    });
-    connectTrait(longPress, host);
-    let clickHits = 0;
-    host.addEventListener('click', () => clickHits++);
-    pointerDown(host);
-    vi.advanceTimersByTime(60);
-    pointerUp(host); // early release → cancelled
-    host.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-    expect(clickHits).toBe(1);
-  });
-
-  it('uses default duration (600ms) when attribute missing', () => {
-    const host = mountHost('button');
-    connectTrait(longPress, host);
-    const spy = spyEvent(host, 'long-press');
-    pointerDown(host);
-    vi.advanceTimersByTime(599);
-    expect(spy.count).toBe(0);
-    vi.advanceTimersByTime(2);
-    expect(spy.count).toBe(1);
-  });
-
-  it('uses default tolerance (8px) when attribute missing', () => {
-    const host = mountHost('button', { 'data-long-press-duration': '300' });
-    connectTrait(longPress, host);
-    const cancelSpy = spyEvent(host, 'long-press-cancelled');
-    pointerDown(host, 0, 0);
-    pointerMove(host, 7, 0); // under default 8
-    expect(cancelSpy.count).toBe(0);
-    pointerMove(host, 9, 0); // over default 8
-    expect(cancelSpy.count).toBe(1);
-  });
-
-  it('disconnect clears active timers + attributes mid-press', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '200',
-      'data-long-press-progress-interval': '50',
-    });
-    const inst = connectTrait(longPress, host);
-    pointerDown(host);
-    expect(host.hasAttribute('data-long-press-active')).toBe(true);
-    inst.disconnect(host);
-    expect(host.hasAttribute('data-long-press-active')).toBe(false);
-    expect(host.hasAttribute('data-long-press-progress')).toBe(false);
-    // After disconnect, advancing time must not fire long-press.
-    const fireSpy = spyEvent(host, 'long-press');
-    vi.advanceTimersByTime(500);
-    expect(fireSpy.count).toBe(0);
-  });
-
-  it('reconnect after disconnect picks up fresh state', () => {
-    const host = mountHost('button', {
-      'data-long-press-duration': '100',
-    });
-    const inst = connectTrait(longPress, host);
-    pointerDown(host);
-    inst.disconnect(host);
-
-    connectTrait(longPress, host);
-    const spy = spyEvent(host, 'long-press');
-    pointerDown(host);
-    vi.advanceTimersByTime(100);
-    expect(spy.count).toBe(1);
-  });
-
-  it('schema declares the input-interaction category and full attr/event/config sets', () => {
-    expect(longPress.schema.name).toBe('long-press');
-    expect(longPress.schema.category).toBe('input-interaction');
-    expect(longPress.schema.attributes).toContain('data-long-press-active');
-    expect(longPress.schema.attributes).toContain('data-long-press-progress');
-    expect(longPress.schema.attributes).toContain('data-long-press-fired');
-    expect(longPress.schema.events).toEqual(
-      expect.arrayContaining(['long-press', 'long-press-cancelled', 'long-press-progress']),
-    );
-    expect(longPress.schema.config).toEqual(
-      expect.arrayContaining([
-        'data-long-press-duration',
-        'data-long-press-tolerance',
-        'data-long-press-progress-interval',
-      ]),
-    );
-  });
-
-  it('contextmenu is suppressed while a press is in flight', () => {
-    const host = mountHost('button', { 'data-long-press-duration': '200' });
-    connectTrait(longPress, host);
-    pointerDown(host);
-    const ev = new Event('contextmenu', { bubbles: true, cancelable: true });
-    host.dispatchEvent(ev);
-    expect(ev.defaultPrevented).toBe(true);
-  });
-});

package/traits/magnetic-hover/magnetic-hover.test.js

@@ -1,30 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { magneticHover } from './magnetic-hover.js';
-import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
-
-describe('magnetic-hover', () => {
-  beforeEach(resetDOM);
-
-  it('pointermove sets data-magnetic-hover-active', () => {
-    const host = mountHost();
-    connectTrait(magneticHover, host);
-    host.dispatchEvent(new PointerEvent('pointermove', { clientX: 50, clientY: 50, bubbles: true }));
-    expect(host.hasAttribute('data-magnetic-hover-active')).toBe(true);
-  });
-
-  it('pointerleave clears active + resets translate', () => {
-    const host = mountHost();
-    connectTrait(magneticHover, host);
-    host.dispatchEvent(new PointerEvent('pointermove', { clientX: 50, clientY: 50, bubbles: true }));
-    host.dispatchEvent(new PointerEvent('pointerleave', { bubbles: true }));
-    expect(host.hasAttribute('data-magnetic-hover-active')).toBe(false);
-  });
-
-  it('disconnect clears all listeners + active state', () => {
-    const host = mountHost();
-    const inst = connectTrait(magneticHover, host);
-    host.dispatchEvent(new PointerEvent('pointermove', { clientX: 0, clientY: 0, bubbles: true }));
-    inst.disconnect(host);
-    expect(host.hasAttribute('data-magnetic-hover-active')).toBe(false);
-  });
-});