@furystack/shades-common-components 10.0.35 → 11.0.0

package/esm/components/command-palette/command-palette-input.spec.js

@@ -0,0 +1,233 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { CommandPaletteInput } from './command-palette-input.js';
+import { CommandPaletteManager } from './command-palette-manager.js';
+describe('CommandPaletteInput', () => {
+    let originalAnimate;
+    let animateCalls;
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+        animateCalls = [];
+        originalAnimate = Element.prototype.animate;
+        Element.prototype.animate = vi.fn((keyframes, options) => {
+            animateCalls.push({ keyframes, options });
+            const mockAnimation = {
+                onfinish: null,
+                oncancel: null,
+                cancel: vi.fn(),
+                play: vi.fn(),
+                pause: vi.fn(),
+                finish: vi.fn(),
+                addEventListener: vi.fn(),
+                removeEventListener: vi.fn(),
+            };
+            setTimeout(() => {
+                mockAnimation.onfinish?.({});
+            }, 10);
+            return mockAnimation;
+        });
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+        Element.prototype.animate = originalAnimate;
+        vi.restoreAllMocks();
+    });
+    const createManager = () => {
+        return new CommandPaletteManager([]);
+    };
+    it('should render with shadow DOM', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        const input = document.querySelector('shades-command-palette-input');
+        expect(input).not.toBeNull();
+        manager[Symbol.dispose]();
+    });
+    it('should render an input element with placeholder', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        const component = document.querySelector('shades-command-palette-input');
+        const inputElement = component?.querySelector('input');
+        expect(inputElement).not.toBeNull();
+        expect(inputElement?.placeholder).toBe('Type to search commands...');
+        manager[Symbol.dispose]();
+    });
+    it('should start with width 0% when closed', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(false);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        const component = document.querySelector('shades-command-palette-input');
+        expect(component.style.width).toBe('0%');
+        manager[Symbol.dispose]();
+    });
+    it('should have width 100% when opened', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(true);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        const component = document.querySelector('shades-command-palette-input');
+        expect(component.style.width).toBe('100%');
+        manager[Symbol.dispose]();
+    });
+    it('should animate width when opening', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(false);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        animateCalls = [];
+        manager.isOpened.setValue(true);
+        await sleepAsync(50);
+        const widthAnimation = animateCalls.find((call) => Array.isArray(call.keyframes) &&
+            call.keyframes.some((kf) => kf.width === '0%') &&
+            call.keyframes.some((kf) => kf.width === '100%'));
+        expect(widthAnimation).toBeDefined();
+        expect(widthAnimation?.options?.duration).toBe(300);
+        manager[Symbol.dispose]();
+    });
+    it('should animate width when closing', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(true);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        animateCalls = [];
+        manager.isOpened.setValue(false);
+        await sleepAsync(50);
+        const widthAnimation = animateCalls.find((call) => Array.isArray(call.keyframes) &&
+            call.keyframes.some((kf) => kf.width === '100%') &&
+            call.keyframes.some((kf) => kf.width === '0%'));
+        expect(widthAnimation).toBeDefined();
+        manager[Symbol.dispose]();
+    });
+    it('should clear input value when opening', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(false);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        const component = document.querySelector('shades-command-palette-input');
+        const inputElement = component?.querySelector('input');
+        inputElement.value = 'some text';
+        manager.isOpened.setValue(true);
+        await sleepAsync(50);
+        expect(inputElement.value).toBe('');
+        manager[Symbol.dispose]();
+    });
+    it('should clear input value when closing', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(true);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        const component = document.querySelector('shades-command-palette-input');
+        const inputElement = component?.querySelector('input');
+        inputElement.value = 'search term';
+        manager.isOpened.setValue(false);
+        await sleepAsync(50);
+        expect(inputElement.value).toBe('');
+        manager[Symbol.dispose]();
+    });
+    it('should have overflow hidden style', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        const component = document.querySelector('shades-command-palette-input');
+        const computedStyle = window.getComputedStyle(component);
+        expect(computedStyle.overflow).toBe('hidden');
+        manager[Symbol.dispose]();
+    });
+    it('should use cubic-bezier easing for animations', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(false);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        animateCalls = [];
+        manager.isOpened.setValue(true);
+        await sleepAsync(50);
+        const widthAnimation = animateCalls.find((call) => Array.isArray(call.keyframes) && call.keyframes.some((kf) => 'width' in kf));
+        expect(widthAnimation).toBeDefined();
+        expect(widthAnimation?.options?.easing).toBe('cubic-bezier(0.595, 0.425, 0.415, 0.845)');
+        manager[Symbol.dispose]();
+    });
+    it('should fill animation forwards', async () => {
+        const injector = new Injector();
+        const manager = createManager();
+        manager.isOpened.setValue(false);
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(CommandPaletteInput, { manager: manager }),
+        });
+        await sleepAsync(50);
+        animateCalls = [];
+        manager.isOpened.setValue(true);
+        await sleepAsync(50);
+        const widthAnimation = animateCalls.find((call) => Array.isArray(call.keyframes) && call.keyframes.some((kf) => 'width' in kf));
+        expect(widthAnimation).toBeDefined();
+        expect(widthAnimation?.options?.fill).toBe('forwards');
+        manager[Symbol.dispose]();
+    });
+});
+//# sourceMappingURL=command-palette-input.spec.js.map

package/esm/components/command-palette/command-palette-input.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-input.spec.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.spec.tsx"],"names":[],"mappings":"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"}

package/esm/components/command-palette/command-palette-manager.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=command-palette-manager.spec.d.ts.map

package/esm/components/command-palette/command-palette-manager.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-manager.spec.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-manager.spec.ts"],"names":[],"mappings":""}

package/esm/components/command-palette/command-palette-manager.spec.js

@@ -0,0 +1,362 @@
+import { Injector } from '@furystack/inject';
+import { using, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { CommandPaletteManager } from './command-palette-manager.js';
+const createMockSuggestion = (name, score) => ({
+    element: { tagName: 'div', textContent: name },
+    score,
+    onSelected: vi.fn(),
+});
+const createCommandProvider = (suggestions) => {
+    return vi.fn().mockResolvedValue(suggestions);
+};
+describe('CommandPaletteManager', () => {
+    beforeEach(() => {
+        vi.useFakeTimers();
+    });
+    afterEach(() => {
+        vi.useRealTimers();
+    });
+    describe('Construction and disposal', () => {
+        it('Should be constructed with command providers', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                expect(manager.isOpened.getValue()).toBe(false);
+                expect(manager.isLoading.getValue()).toBe(false);
+                expect(manager.term.getValue()).toBe('');
+                expect(manager.selectedIndex.getValue()).toBe(0);
+                expect(manager.currentSuggestions.getValue()).toEqual([]);
+            });
+        });
+        it('Should register keyboard listener on construction', () => {
+            const addEventListenerSpy = vi.spyOn(window, 'addEventListener');
+            const providers = [];
+            using(new CommandPaletteManager(providers), () => {
+                expect(addEventListenerSpy).toHaveBeenCalledWith('keyup', expect.any(Function), true);
+            });
+            addEventListenerSpy.mockRestore();
+        });
+        it('Should dispose all observables and remove event listeners', () => {
+            const removeEventListenerSpy = vi.spyOn(window, 'removeEventListener');
+            const providers = [];
+            const manager = new CommandPaletteManager(providers);
+            const isOpenedDisposeSpy = vi.spyOn(manager.isOpened, Symbol.dispose);
+            const isLoadingDisposeSpy = vi.spyOn(manager.isLoading, Symbol.dispose);
+            const termDisposeSpy = vi.spyOn(manager.term, Symbol.dispose);
+            const selectedIndexDisposeSpy = vi.spyOn(manager.selectedIndex, Symbol.dispose);
+            const currentSuggestionsDisposeSpy = vi.spyOn(manager.currentSuggestions, Symbol.dispose);
+            manager[Symbol.dispose]();
+            expect(isOpenedDisposeSpy).toHaveBeenCalled();
+            expect(isLoadingDisposeSpy).toHaveBeenCalled();
+            expect(termDisposeSpy).toHaveBeenCalled();
+            expect(selectedIndexDisposeSpy).toHaveBeenCalled();
+            expect(currentSuggestionsDisposeSpy).toHaveBeenCalled();
+            expect(removeEventListenerSpy).toHaveBeenCalledWith('keyup', manager.keyPressListener);
+            removeEventListenerSpy.mockRestore();
+        });
+    });
+    describe('Keyboard shortcuts', () => {
+        it('Should open command palette on Ctrl+P', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                expect(manager.isOpened.getValue()).toBe(false);
+                manager.keyPressListener({ key: 'p', ctrlKey: true });
+                expect(manager.isOpened.getValue()).toBe(true);
+            });
+        });
+        it('Should open command palette on Ctrl+P (uppercase P)', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                expect(manager.isOpened.getValue()).toBe(false);
+                manager.keyPressListener({ key: 'P', ctrlKey: true });
+                expect(manager.isOpened.getValue()).toBe(true);
+            });
+        });
+        it('Should clear suggestions when opening with Ctrl+P', () => {
+            const suggestions = [createMockSuggestion('test', 1)];
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                manager.currentSuggestions.setValue(suggestions);
+                manager.keyPressListener({ key: 'p', ctrlKey: true });
+                expect(manager.currentSuggestions.getValue()).toEqual([]);
+            });
+        });
+        it('Should not open command palette on P without Ctrl', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                manager.keyPressListener({ key: 'p', ctrlKey: false });
+                expect(manager.isOpened.getValue()).toBe(false);
+            });
+        });
+        it('Should not open command palette on Ctrl without P', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                manager.keyPressListener({ key: 'a', ctrlKey: true });
+                expect(manager.isOpened.getValue()).toBe(false);
+            });
+        });
+        it('Should close command palette on Escape', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                manager.isOpened.setValue(true);
+                expect(manager.isOpened.getValue()).toBe(true);
+                manager.keyPressListener({ key: 'Escape' });
+                expect(manager.isOpened.getValue()).toBe(false);
+            });
+        });
+        it('Should not close command palette for other keys', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                manager.isOpened.setValue(true);
+                manager.keyPressListener({ key: 'Enter' });
+                expect(manager.isOpened.getValue()).toBe(true);
+                manager.keyPressListener({ key: 'ArrowDown' });
+                expect(manager.isOpened.getValue()).toBe(true);
+            });
+        });
+        it('Should handle undefined key gracefully', () => {
+            const providers = [];
+            using(new CommandPaletteManager(providers), (manager) => {
+                manager.keyPressListener({ key: undefined, ctrlKey: true });
+                expect(manager.isOpened.getValue()).toBe(false);
+            });
+        });
+    });
+    describe('getSuggestion (debounced search)', () => {
+        it('Should load suggestions after debounce delay', async () => {
+            const suggestions = [createMockSuggestion('test', 1)];
+            const provider = createCommandProvider(suggestions);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                expect(provider).not.toHaveBeenCalled();
+                expect(manager.isLoading.getValue()).toBe(false);
+                await vi.advanceTimersByTimeAsync(250);
+                expect(provider).toHaveBeenCalledWith({ injector, term: 'test' });
+                expect(manager.currentSuggestions.getValue()).toHaveLength(1);
+            });
+        });
+        it('Should set isLoading while fetching', async () => {
+            let resolveProvider;
+            const providerPromise = new Promise((resolve) => {
+                resolveProvider = resolve;
+            });
+            const provider = vi.fn().mockReturnValue(providerPromise);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(manager.isLoading.getValue()).toBe(true);
+                resolveProvider([]);
+                await vi.advanceTimersByTimeAsync(0);
+                expect(manager.isLoading.getValue()).toBe(false);
+            });
+        });
+        it('Should debounce multiple rapid calls', async () => {
+            const suggestions = [createMockSuggestion('test', 1)];
+            const provider = createCommandProvider(suggestions);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'a' });
+                await vi.advanceTimersByTimeAsync(100);
+                void manager.getSuggestion({ injector, term: 'ab' });
+                await vi.advanceTimersByTimeAsync(100);
+                void manager.getSuggestion({ injector, term: 'abc' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(provider).toHaveBeenCalledTimes(1);
+                expect(provider).toHaveBeenCalledWith({ injector, term: 'abc' });
+            });
+        });
+        it('Should not fetch again if term is unchanged', async () => {
+            const suggestions = [createMockSuggestion('test', 1)];
+            const provider = createCommandProvider(suggestions);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(provider).toHaveBeenCalledTimes(1);
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(provider).toHaveBeenCalledTimes(1);
+            });
+        });
+        it('Should reset selectedIndex when fetching new suggestions', async () => {
+            const suggestions = [createMockSuggestion('test', 1)];
+            const provider = createCommandProvider(suggestions);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                manager.selectedIndex.setValue(5);
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(manager.selectedIndex.getValue()).toBe(0);
+            });
+        });
+        it('Should clear suggestions when starting new search', async () => {
+            const suggestions = [createMockSuggestion('test', 1)];
+            const provider = createCommandProvider(suggestions);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(manager.currentSuggestions.getValue()).toHaveLength(1);
+                void manager.getSuggestion({ injector, term: 'test2' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(manager.currentSuggestions.getValue()).toHaveLength(1);
+            });
+        });
+        it('Should set isLoading to false even when error occurs', async () => {
+            const provider = vi.fn().mockImplementation(async () => {
+                throw new Error('Network error');
+            });
+            const injector = new Injector();
+            // Suppress expected unhandled rejection from debounced async error
+            const errorHandler = (reason) => {
+                if (reason?.message === 'Network error') {
+                    return;
+                }
+                throw reason;
+            };
+            process.on('unhandledRejection', errorHandler);
+            try {
+                await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                    void manager.getSuggestion({ injector, term: 'test' });
+                    await vi.advanceTimersByTimeAsync(250);
+                    // Wait for promise rejection to be handled
+                    await vi.advanceTimersByTimeAsync(0);
+                    expect(manager.isLoading.getValue()).toBe(false);
+                });
+            }
+            finally {
+                process.removeListener('unhandledRejection', errorHandler);
+            }
+        });
+    });
+    describe('Multiple command providers', () => {
+        it('Should call all providers when getting suggestions', async () => {
+            const provider1 = createCommandProvider([createMockSuggestion('cmd1', 1)]);
+            const provider2 = createCommandProvider([createMockSuggestion('cmd2', 2)]);
+            const provider3 = createCommandProvider([createMockSuggestion('cmd3', 3)]);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider1, provider2, provider3]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(provider1).toHaveBeenCalledWith({ injector, term: 'test' });
+                expect(provider2).toHaveBeenCalledWith({ injector, term: 'test' });
+                expect(provider3).toHaveBeenCalledWith({ injector, term: 'test' });
+            });
+        });
+        it('Should aggregate suggestions from all providers', async () => {
+            const provider1 = createCommandProvider([createMockSuggestion('cmd1', 1)]);
+            const provider2 = createCommandProvider([createMockSuggestion('cmd2', 2), createMockSuggestion('cmd3', 3)]);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider1, provider2]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(manager.currentSuggestions.getValue()).toHaveLength(3);
+            });
+        });
+        it('Should sort suggestions by score', async () => {
+            const provider1 = createCommandProvider([createMockSuggestion('low', 1)]);
+            const provider2 = createCommandProvider([createMockSuggestion('high', 10)]);
+            const provider3 = createCommandProvider([createMockSuggestion('medium', 5)]);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider1, provider2, provider3]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                const suggestions = manager.currentSuggestions.getValue();
+                expect(suggestions[0].score).toBe(1);
+                expect(suggestions[1].score).toBe(5);
+                expect(suggestions[2].score).toBe(10);
+            });
+        });
+        it('Should handle providers returning empty arrays', async () => {
+            const provider1 = createCommandProvider([createMockSuggestion('cmd1', 1)]);
+            const provider2 = createCommandProvider([]);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider1, provider2]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(manager.currentSuggestions.getValue()).toHaveLength(1);
+            });
+        });
+        it('Should work with no providers', async () => {
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                expect(manager.currentSuggestions.getValue()).toHaveLength(0);
+                expect(manager.isLoading.getValue()).toBe(false);
+            });
+        });
+        it('Should handle provider errors gracefully', async () => {
+            const provider1 = createCommandProvider([createMockSuggestion('cmd1', 1)]);
+            const provider2 = vi.fn().mockImplementation(async () => {
+                throw new Error('Provider failed');
+            });
+            const injector = new Injector();
+            // Suppress expected unhandled rejection from debounced async error
+            const errorHandler = (reason) => {
+                if (reason?.message === 'Provider failed') {
+                    return;
+                }
+                throw reason;
+            };
+            process.on('unhandledRejection', errorHandler);
+            try {
+                await usingAsync(new CommandPaletteManager([provider1, provider2]), async (manager) => {
+                    void manager.getSuggestion({ injector, term: 'test' });
+                    await vi.advanceTimersByTimeAsync(250);
+                    // Wait for promise rejection to be handled
+                    await vi.advanceTimersByTimeAsync(0);
+                    expect(manager.isLoading.getValue()).toBe(false);
+                });
+            }
+            finally {
+                process.removeListener('unhandledRejection', errorHandler);
+            }
+        });
+    });
+    describe('selectSuggestion', () => {
+        it('Should call onSelected callback with injector', async () => {
+            const suggestion = createMockSuggestion('cmd', 1);
+            const provider = createCommandProvider([suggestion]);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                manager.selectSuggestion(injector, 0);
+                expect(suggestion.onSelected).toHaveBeenCalledWith({ injector });
+            });
+        });
+        it('Should use current selectedIndex when no index provided', async () => {
+            const suggestions = [
+                createMockSuggestion('cmd1', 1),
+                createMockSuggestion('cmd2', 2),
+                createMockSuggestion('cmd3', 3),
+            ];
+            const provider = createCommandProvider(suggestions);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                manager.selectedIndex.setValue(2);
+                manager.selectSuggestion(injector);
+                expect(suggestions[2].onSelected).toHaveBeenCalledWith({ injector });
+            });
+        });
+        it('Should close the command palette after selection', async () => {
+            const suggestion = createMockSuggestion('cmd', 1);
+            const provider = createCommandProvider([suggestion]);
+            const injector = new Injector();
+            await usingAsync(new CommandPaletteManager([provider]), async (manager) => {
+                void manager.getSuggestion({ injector, term: 'test' });
+                await vi.advanceTimersByTimeAsync(250);
+                manager.isOpened.setValue(true);
+                expect(manager.isOpened.getValue()).toBe(true);
+                manager.selectSuggestion(injector, 0);
+                expect(manager.isOpened.getValue()).toBe(false);
+            });
+        });
+    });
+});
+//# sourceMappingURL=command-palette-manager.spec.js.map