@spectral_labs/ui 1.6.1 → 1.8.0-next.0

package/dist/components/combobox/__tests__/combobox.test.svelte.js

@@ -1,255 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import ComboboxRoot from '../components/combobox-root.svelte';
-import ComboboxTest from './ComboboxTest.svelte';
-describe('combobox', () => {
-    let target;
-    let instance;
-    function setup(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(ComboboxTest, { target, props: { portalTo: target, ...props } });
-        flushSync();
-        return target;
-    }
-    function setupRoot(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(ComboboxRoot, { target, props });
-        return target;
-    }
-    afterEach(() => {
-        if (instance)
-            unmount(instance);
-        target?.remove();
-    });
-    // --- Existing tests ---
-    it('renders closed by default', () => {
-        setupRoot();
-        const root = target.querySelector('.sp-combobox-root');
-        expect(root?.getAttribute('data-state')).toBe('closed');
-    });
-    it('renders hidden input when name is provided', () => {
-        setupRoot({ name: 'fruit', value: 'Apple' });
-        const input = target.querySelector('input[type="hidden"][name="fruit"]');
-        expect(input).toBeTruthy();
-        expect(input?.value).toBe('Apple');
-    });
-    // --- Input ARIA ---
-    it('input has role="combobox"', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        expect(input).toBeTruthy();
-    });
-    it('input has aria-expanded="false" when closed', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        expect(input?.getAttribute('aria-expanded')).toBe('false');
-    });
-    it('input has aria-autocomplete="list"', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        expect(input?.getAttribute('aria-autocomplete')).toBe('list');
-    });
-    it('input has autocomplete="off"', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        expect(input?.autocomplete).toBe('off');
-    });
-    // --- Open on focus ---
-    it('opens on input focus', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        input.dispatchEvent(new FocusEvent('focus', { bubbles: true }));
-        flushSync();
-        expect(target.querySelector('.sp-combobox-root')?.getAttribute('data-state')).toBe('open');
-    });
-    // --- Keyboard navigation ---
-    it('arrowDown opens listbox and navigates to next item', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        flushSync();
-        // Should be open
-        expect(target.querySelector('.sp-combobox-root')?.getAttribute('data-state')).toBe('open');
-    });
-    it('escape closes the listbox', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        // Open first
-        input.dispatchEvent(new FocusEvent('focus', { bubbles: true }));
-        flushSync();
-        expect(target.querySelector('.sp-combobox-root')?.getAttribute('data-state')).toBe('open');
-        // Escape
-        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-        flushSync();
-        expect(target.querySelector('.sp-combobox-root')?.getAttribute('data-state')).toBe('closed');
-    });
-    // --- IME composition guard ---
-    it('ignores keydown during IME composition', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        // Simulate IME composition event (isComposing: true)
-        const event = new KeyboardEvent('keydown', {
-            key: 'ArrowDown',
-            bubbles: true,
-            composed: true,
-        });
-        // Override isComposing since KeyboardEvent constructor doesn't support it directly
-        Object.defineProperty(event, 'isComposing', { value: true });
-        input.dispatchEvent(event);
-        flushSync();
-        // Should NOT have opened because isComposing was true
-        expect(target.querySelector('.sp-combobox-root')?.getAttribute('data-state')).toBe('closed');
-    });
-    it('calls onOpenChange with new value on each open transition', () => {
-        const calls = [];
-        const localTarget = document.createElement('div');
-        document.body.appendChild(localTarget);
-        const localInstance = mount(ComboboxTest, {
-            target: localTarget,
-            props: {
-                open: false,
-                portalTo: localTarget,
-                onOpenChange: (open) => calls.push(open),
-            },
-        });
-        flushSync();
-        try {
-            const input = localTarget.querySelector('.sp-combobox-input');
-            input.dispatchEvent(new FocusEvent('focus', { bubbles: true }));
-            flushSync();
-            expect(calls).toEqual([true]);
-            input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-            flushSync();
-            expect(calls).toEqual([true, false]);
-        }
-        finally {
-            unmount(localInstance);
-            localTarget.remove();
-        }
-    });
-    it('processes keydown when not composing', () => {
-        setup();
-        const input = target.querySelector('[role="combobox"]');
-        const event = new KeyboardEvent('keydown', {
-            key: 'ArrowDown',
-            bubbles: true,
-        });
-        Object.defineProperty(event, 'isComposing', { value: false });
-        input.dispatchEvent(event);
-        flushSync();
-        // Should have opened because isComposing was false
-        expect(target.querySelector('.sp-combobox-root')?.getAttribute('data-state')).toBe('open');
-    });
-    describe('content positioning (FloatingLayerState)', () => {
-        // Floating UI's computePosition is async; give it a microtask to run.
-        async function openAndWaitForFloating(props = {}) {
-            setup(props);
-            const input = target.querySelector('[role="combobox"]');
-            input.dispatchEvent(new FocusEvent('focus', { bubbles: true }));
-            flushSync();
-        }
-        it('applies inline position:absolute on content after opening', async () => {
-            await openAndWaitForFloating({ disablePortal: true });
-            const content = target.querySelector('.sp-combobox-content');
-            await vi.waitFor(() => {
-                expect(content.style.position).toBe('absolute');
-            });
-        });
-        it('applies inline top and left written by Floating UI (not CSS 100%/0)', async () => {
-            await openAndWaitForFloating({ disablePortal: true });
-            const content = target.querySelector('.sp-combobox-content');
-            await vi.waitFor(() => {
-                // Floating UI writes pixel values — in jsdom they resolve to '0px'
-                // since getBoundingClientRect returns zero, but the values must be
-                // *inline styles* (not CSS rules) so the '100%' top and '0' right
-                // that caused the bug are gone.
-                expect(content.style.top).toMatch(/px$/);
-                expect(content.style.left).toMatch(/px$/);
-            });
-        });
-        it('accepts the side prop (default: bottom)', async () => {
-            await openAndWaitForFloating({ disablePortal: true, side: 'top' });
-            const content = target.querySelector('.sp-combobox-content');
-            expect(content).toBeTruthy();
-        });
-        it('accepts the sideOffset prop', async () => {
-            await openAndWaitForFloating({ disablePortal: true, sideOffset: 12 });
-            const content = target.querySelector('.sp-combobox-content');
-            expect(content).toBeTruthy();
-        });
-        it('accepts the align prop', async () => {
-            await openAndWaitForFloating({ disablePortal: true, align: 'center' });
-            const content = target.querySelector('.sp-combobox-content');
-            expect(content).toBeTruthy();
-        });
-        it('does not stretch to full body width anymore when portaled', async () => {
-            // Regression: the bug rendered the content with right:0 against body,
-            // producing a full-viewport-width menu. After the fix, the content is
-            // positioned (via FloatingLayerState) and does NOT have `right: 0`
-            // inherited from the stylesheet.
-            await openAndWaitForFloating({});
-            const content = document.body.querySelector('.sp-combobox-content');
-            await vi.waitFor(() => {
-                const cs = window.getComputedStyle(content);
-                // Floating UI writes `left` inline → `right` in CSS should not be 0
-                // (the old buggy rule `right: 0` is removed). A reasonable proxy:
-                // assert that `width` isn't pinned to viewport / body width.
-                expect(cs.right).not.toBe('0px');
-            });
-        });
-    });
-    describe('portal opt-out (disablePortal)', () => {
-        it('portals to document.body by default', () => {
-            const localTarget = document.createElement('div');
-            document.body.appendChild(localTarget);
-            const localInstance = mount(ComboboxTest, {
-                target: localTarget,
-                props: { open: true },
-            });
-            flushSync();
-            try {
-                expect(localTarget.querySelector('.sp-combobox-content')).toBeNull();
-                expect(document.body.querySelector('.sp-combobox-content')).toBeTruthy();
-            }
-            finally {
-                unmount(localInstance);
-                localTarget.remove();
-            }
-        });
-        it('renders inline when disablePortal={true}', () => {
-            const localTarget = document.createElement('div');
-            document.body.appendChild(localTarget);
-            const localInstance = mount(ComboboxTest, {
-                target: localTarget,
-                props: { open: true, disablePortal: true },
-            });
-            flushSync();
-            try {
-                expect(localTarget.querySelector('.sp-combobox-content')).toBeTruthy();
-            }
-            finally {
-                unmount(localInstance);
-                localTarget.remove();
-            }
-        });
-        it('preserves consumer class on the content element when inline', () => {
-            const localTarget = document.createElement('div');
-            document.body.appendChild(localTarget);
-            const localInstance = mount(ComboboxTest, {
-                target: localTarget,
-                props: { open: true, disablePortal: true, contentClass: 'my-consumer-class' },
-            });
-            flushSync();
-            try {
-                const el = localTarget.querySelector('.sp-combobox-content.my-consumer-class');
-                expect(el).toBeTruthy();
-            }
-            finally {
-                unmount(localInstance);
-                localTarget.remove();
-            }
-        });
-    });
-});

package/dist/components/command/__tests__/CommandTest.svelte

@@ -1,77 +0,0 @@
-<script lang="ts">
-  import CommandEmpty from '../components/command-empty.svelte'
-  import CommandGroup from '../components/command-group.svelte'
-  import CommandInput from '../components/command-input.svelte'
-  import CommandItem from '../components/command-item.svelte'
-  import CommandList from '../components/command-list.svelte'
-  import CommandRoot from '../components/command-root.svelte'
-  import CommandSeparator from '../components/command-separator.svelte'
-
-  let {
-    value = $bindable(''),
-    shouldFilter = true,
-    open = $bindable(true),
-    portalTo = undefined,
-    closeOnEscape = true,
-    closeOnOutsideClick = true,
-    onOpenChange = undefined,
-    onClose = undefined,
-    itemAttrs = undefined,
-    disabledItemAttrs = undefined,
-    onItemSelect = undefined,
-    onDisabledItemSelect = undefined,
-  }: {
-    value?: string
-    shouldFilter?: boolean
-    open?: boolean
-    portalTo?: HTMLElement | string
-    closeOnEscape?: boolean
-    closeOnOutsideClick?: boolean
-    onOpenChange?: (open: boolean) => void
-    onClose?: () => void
-    /** Arbitrary HTML attributes / native handlers spread onto the `copy` item. */
-    itemAttrs?: Record<string, unknown>
-    /** Same, spread onto the `settings` item (the disabled one). */
-    disabledItemAttrs?: Record<string, unknown>
-    /** Spectral `onSelect` of the `copy` item. */
-    onItemSelect?: (value: string) => void
-    /** Spectral `onSelect` of the `settings` item. */
-    onDisabledItemSelect?: (value: string) => void
-  } = $props()
-</script>
-
-<CommandRoot
-  bind:value
-  bind:open
-  {shouldFilter}
-  {portalTo}
-  {closeOnEscape}
-  {closeOnOutsideClick}
-  {onOpenChange}
-  {onClose}
->
-  <CommandInput placeholder="Type a command..." />
-  <CommandList>
-    <CommandEmpty>No results found.</CommandEmpty>
-    <CommandGroup heading="Actions">
-      <CommandItem
-        value="copy"
-        keywords={['duplicate']}
-        onSelect={onItemSelect}
-        {...itemAttrs ?? {}}>Copy</CommandItem
-      >
-      <CommandItem value="paste">Paste</CommandItem>
-      <CommandItem value="cut">Cut</CommandItem>
-    </CommandGroup>
-    <CommandSeparator />
-    <CommandGroup heading="Navigation">
-      <CommandItem value="home">Home</CommandItem>
-      <CommandItem
-        value="settings"
-        disabled
-        onSelect={onDisabledItemSelect}
-        {...disabledItemAttrs ?? {}}>Settings</CommandItem
-      >
-    </CommandGroup>
-  </CommandList>
-</CommandRoot>

package/dist/components/command/__tests__/command-item-passthrough.test.svelte.js

@@ -1,284 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it } from 'vitest';
-import CommandTest from './CommandTest.svelte';
-// jsdom does not define PointerEvent — polyfill it for tests
-if (typeof globalThis.PointerEvent === 'undefined') {
-    // @ts-expect-error — minimal polyfill for testing
-    globalThis.PointerEvent = class PointerEvent extends MouseEvent {
-        constructor(type, init) {
-            super(type, init);
-        }
-    };
-}
-/**
- * spectral-ui#205 — `Command.Item` forwards native HTML attributes and handlers
- * to its real `role="option"` node.
- *
- * Contract pinned here:
- *  - consumer attributes (`title`, `aria-*`, `data-testid`, `style`, …) reach
- *    the option, and a value reassigned by the parent AFTER mount is reflected;
- *  - the option's IDENTITY stays under the component's control: `role`, `id`,
- *    `tabindex`, `aria-selected`, `aria-disabled` and the internal `data-*`
- *    (`data-command-item`, `data-value`, `data-selected`, `data-disabled`)
- *    cannot be overridden — the spread comes FIRST, the identity comes after;
- *  - native handlers COMPOSE with the built-in behaviour: the consumer's runs
- *    first, `preventDefault()` cancels the Spectral selection, `onSelect` only
- *    fires after a real selection;
- *  - activation of a disabled row is inert: consumer `onclick` / `onkeydown` do
- *    not run either, while `onpointermove` stays observable (a dimmed row can
- *    still be hovered) without ever selecting the row.
- *
- * Tests titled `guard —` were already green on the pre-#205 tree (nothing was
- * forwarded, so nothing could be overridden, leaked or mis-composed); their
- * discriminating power comes from the mutant campaign below, each mutant
- * applied alone on the final tree and killed by the named test(s):
- *  - spread placed LAST → identity guard, Enter-from-input guard
- *  - rest not spread → forwarding, post-mount reactivity, identity
- *  - `keywords` left in rest → no-leak guard
- *  - consumer handler run BEFORE the disabled guard → disabled-inert guard
- *  - onclick / onkeydown / onpointermove ignore `defaultPrevented` → cancel pins
- *  - onkeydown not composed → onkeydown compose + cancel
- *  - rest captured statically at init → post-mount reactivity
- *  - `data-command-item` rendered boolean → identity
- *  - onpointermove guarded on disabled → disabled-observable pin
- *  - hover routed through `select()` → hover-does-not-fire-onSelect guard
- *  - Space branch dropped → Space activation guard
- *  - disabled keydown returns before `preventDefault()` → disabled-Space pin
- *  - `'id'` dropped from the type's `Omit` → `src/__typecheck__` pin
- *
- * Keyboard note: Enter pressed in the INPUT activates the selected option
- * through a synthetic `click()` (command-input.svelte), so a consumer observes
- * that path through `onclick`, not `onkeydown`.
- */
-describe('command item — native attribute passthrough (#205)', () => {
-    let target;
-    let instance;
-    function setup(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(CommandTest, { target, props: { portalTo: target, ...props } });
-        flushSync();
-        flushSync(); // $effect item registration
-        return target;
-    }
-    const option = (value) => target.querySelector(`[role="option"][data-value="${value}"]`);
-    const input = () => target.querySelector('input[role="combobox"]');
-    afterEach(() => {
-        if (instance)
-            unmount(instance);
-        target?.remove();
-    });
-    // ── Forwarding ────────────────────────────────────────────────────────
-    it('forwards consumer HTML attributes to the option element', () => {
-        setup({
-            itemAttrs: {
-                title: 'Copy the selection',
-                'aria-label': 'Copy',
-                'aria-describedby': 'copy-hint',
-                'data-testid': 'opt-copy',
-                style: 'color: red',
-            },
-        });
-        const el = option('copy');
-        expect(el.getAttribute('title')).toBe('Copy the selection');
-        expect(el.getAttribute('aria-label')).toBe('Copy');
-        expect(el.getAttribute('aria-describedby')).toBe('copy-hint');
-        expect(el.getAttribute('data-testid')).toBe('opt-copy');
-        expect(el.style.color).toBe('red');
-    });
-    it('reflects a consumer attribute reassigned by the parent after mount', () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        const props = $state({
-            portalTo: target,
-            itemAttrs: { title: 'Before', 'aria-describedby': 'hint-before' },
-        });
-        instance = mount(CommandTest, { target, props });
-        flushSync();
-        expect(option('copy').getAttribute('title')).toBe('Before');
-        props.itemAttrs = { title: 'After', 'aria-describedby': 'hint-after' };
-        flushSync();
-        expect(option('copy').getAttribute('title')).toBe('After');
-        expect(option('copy').getAttribute('aria-describedby')).toBe('hint-after');
-    });
-    it('guard — keeps the DS class alongside a consumer class', () => {
-        setup({ itemAttrs: { class: 'mine' } });
-        const el = option('copy');
-        expect(el.classList.contains('sp-command-item')).toBe(true);
-        expect(el.classList.contains('mine')).toBe(true);
-    });
-    // ── Identity stays ours ───────────────────────────────────────────────
-    it('keeps its identity attributes when a consumer tries to override them', () => {
-        setup({
-            itemAttrs: {
-                role: 'menuitem',
-                id: 'consumer-id',
-                tabindex: 0,
-                'aria-selected': 'false',
-                'aria-disabled': 'true',
-                'data-selected': 'false',
-                'data-value': 'leak',
-                'data-disabled': '',
-                'data-command-item': 'nope',
-                'data-testid': 'still-forwarded',
-            },
-        });
-        // `copy` is the first enabled item → auto-selected.
-        const el = target.querySelector('[data-testid="still-forwarded"]');
-        expect(el).toBeTruthy();
-        expect(el.getAttribute('role')).toBe('option');
-        expect(el.id).toMatch(/^sp-command-item-\d+$/);
-        expect(el.getAttribute('tabindex')).toBe('-1');
-        expect(el.getAttribute('aria-selected')).toBe('true');
-        expect(el.hasAttribute('aria-disabled')).toBe(false);
-        expect(el.getAttribute('data-selected')).toBe('true');
-        expect(el.getAttribute('data-value')).toBe('copy');
-        expect(el.hasAttribute('data-disabled')).toBe(false);
-        // `data-command-item` keeps its shipped form: present, empty-valued.
-        expect(el.hasAttribute('data-command-item')).toBe(true);
-        expect(el.getAttribute('data-command-item')).toBe('');
-    });
-    it('guard — Enter in the input activates the item Spectral selected, whatever the consumer claims', () => {
-        const selected = [];
-        setup({
-            itemAttrs: { 'data-selected': 'false' },
-            onItemSelect: (v) => selected.push(v),
-        });
-        input().dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        flushSync();
-        expect(selected).toEqual(['copy']);
-    });
-    it('guard — does not leak component props to the DOM', () => {
-        setup({ onItemSelect: () => { } });
-        const copy = option('copy');
-        // (`on*` keys never surface as attributes in Svelte, so only these can fail.)
-        for (const attr of ['value', 'keywords']) {
-            expect(copy.hasAttribute(attr)).toBe(false);
-        }
-        expect(option('settings').hasAttribute('disabled')).toBe(false);
-    });
-    // ── Handler composition ───────────────────────────────────────────────
-    it('composes a consumer onclick with the built-in selection (consumer first)', () => {
-        const seen = [];
-        setup({
-            itemAttrs: { onclick: () => seen.push('consumer') },
-            onItemSelect: (v) => seen.push(`selected:${v}`),
-        });
-        option('copy').click();
-        flushSync();
-        expect(seen).toEqual(['consumer', 'selected:copy']);
-    });
-    it('lets a consumer onclick cancel the selection with preventDefault', () => {
-        const selected = [];
-        setup({
-            itemAttrs: { onclick: (e) => e.preventDefault() },
-            onItemSelect: (v) => selected.push(v),
-        });
-        // Move the selection away first, so a (wrongly) successful click is visible.
-        input().dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        flushSync();
-        expect(option('paste').getAttribute('data-selected')).toBe('true');
-        option('copy').click();
-        flushSync();
-        expect(selected).toEqual([]);
-        expect(option('copy').getAttribute('data-selected')).toBe('false');
-        expect(option('paste').getAttribute('data-selected')).toBe('true');
-    });
-    it('composes a consumer onkeydown with Enter on the option (consumer first)', () => {
-        const seen = [];
-        setup({
-            itemAttrs: { onkeydown: () => seen.push('consumer') },
-            onItemSelect: (v) => seen.push(`selected:${v}`),
-        });
-        option('copy').dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true, cancelable: true }));
-        flushSync();
-        expect(seen).toEqual(['consumer', 'selected:copy']);
-    });
-    it('guard — composes a consumer onkeydown with Space on the option (consumer first)', () => {
-        const seen = [];
-        setup({
-            itemAttrs: { onkeydown: () => seen.push('consumer') },
-            onItemSelect: (v) => seen.push(`selected:${v}`),
-        });
-        option('copy').dispatchEvent(new KeyboardEvent('keydown', { key: ' ', bubbles: true, cancelable: true }));
-        flushSync();
-        expect(seen).toEqual(['consumer', 'selected:copy']);
-    });
-    it('lets a consumer onkeydown cancel the Enter/Space activation with preventDefault', () => {
-        const selected = [];
-        setup({
-            itemAttrs: { onkeydown: (e) => e.preventDefault() },
-            onItemSelect: (v) => selected.push(v),
-        });
-        option('copy').dispatchEvent(new KeyboardEvent('keydown', { key: ' ', bubbles: true, cancelable: true }));
-        flushSync();
-        expect(selected).toEqual([]);
-    });
-    it('composes a consumer onpointermove with the hover-selection — which never fires onSelect', () => {
-        const seen = [];
-        setup({
-            itemAttrs: { onpointermove: () => seen.push('consumer') },
-            onItemSelect: (v) => seen.push(`selected:${v}`),
-        });
-        // Start from a different selection so the hover-select is observable.
-        input().dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        flushSync();
-        expect(option('paste').getAttribute('data-selected')).toBe('true');
-        option('copy').dispatchEvent(new PointerEvent('pointermove', { bubbles: true, cancelable: true }));
-        flushSync();
-        expect(seen).toEqual(['consumer']);
-        expect(option('copy').getAttribute('data-selected')).toBe('true');
-    });
-    it('lets a consumer onpointermove cancel the hover-selection with preventDefault', () => {
-        setup({ itemAttrs: { onpointermove: (e) => e.preventDefault() } });
-        input().dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        flushSync();
-        option('copy').dispatchEvent(new PointerEvent('pointermove', { bubbles: true, cancelable: true }));
-        flushSync();
-        expect(option('copy').getAttribute('data-selected')).toBe('false');
-        expect(option('paste').getAttribute('data-selected')).toBe('true');
-    });
-    // ── Disabled: activation inert, hover observable ──────────────────────
-    it('guard — activation of a disabled item is inert: consumer onclick/onkeydown do not run', () => {
-        const seen = [];
-        setup({
-            disabledItemAttrs: {
-                onclick: () => seen.push('click'),
-                onkeydown: () => seen.push('keydown'),
-            },
-            onDisabledItemSelect: (v) => seen.push(`selected:${v}`),
-        });
-        const settings = option('settings');
-        settings.click();
-        settings.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        flushSync();
-        expect(seen).toEqual([]);
-        expect(option('copy').getAttribute('data-selected')).toBe('true');
-        expect(settings.getAttribute('data-selected')).toBe('false');
-    });
-    it('still prevents the Space default on a focused disabled item, without running the consumer onkeydown', () => {
-        const seen = [];
-        setup({ disabledItemAttrs: { onkeydown: () => seen.push('keydown') } });
-        const event = new KeyboardEvent('keydown', { key: ' ', bubbles: true, cancelable: true });
-        option('settings').dispatchEvent(event);
-        flushSync();
-        // Pre-#205 the item prevented Enter/Space before bailing on `disabled`,
-        // so Space on a dimmed, focused row never scrolled the list.
-        expect(event.defaultPrevented).toBe(true);
-        expect(seen).toEqual([]);
-        expect(option('copy').getAttribute('data-selected')).toBe('true');
-    });
-    it('keeps a consumer onpointermove observable on a disabled item without selecting it', () => {
-        const seen = [];
-        setup({
-            disabledItemAttrs: { onpointermove: () => seen.push('move') },
-            onDisabledItemSelect: (v) => seen.push(`selected:${v}`),
-        });
-        const settings = option('settings');
-        settings.dispatchEvent(new PointerEvent('pointermove', { bubbles: true, cancelable: true }));
-        flushSync();
-        expect(seen).toEqual(['move']);
-        expect(settings.getAttribute('data-selected')).toBe('false');
-        expect(option('copy').getAttribute('data-selected')).toBe('true');
-    });
-});

package/dist/components/command/__tests__/command.a11y.test.js

@@ -1,30 +0,0 @@
-import { mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it } from 'vitest';
-import { configureAxe } from 'vitest-axe';
-import * as matchers from 'vitest-axe/matchers';
-import CommandTest from './CommandTest.svelte';
-expect.extend(matchers);
-const axe = configureAxe({
-    rules: {
-        region: { enabled: false },
-        'page-has-heading-one': { enabled: false },
-        'landmark-one-main': { enabled: false },
-        // Command uses listbox > group > option — valid WAI-ARIA but axe doesn't walk through groups
-        'aria-required-children': { enabled: false },
-    },
-});
-describe('command a11y', () => {
-    let cleanup;
-    afterEach(() => cleanup?.());
-    it('has no axe violations', async () => {
-        const container = document.createElement('div');
-        document.body.appendChild(container);
-        const instance = mount(CommandTest, { target: container });
-        const results = await axe(container);
-        cleanup = () => {
-            unmount(instance);
-            container.remove();
-        };
-        expect(results).toHaveNoViolations();
-    });
-});