@vybestack/llxprt-code 0.1.20 → 0.1.22

package/dist/src/ui/components/ProviderModelDialog.test.js

@@ -0,0 +1,197 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { render } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { ProviderModelDialog } from './ProviderModelDialog.js';
+// Mock the responsive hooks and utilities
+vi.mock('../hooks/useResponsive.js', () => ({
+    useResponsive: vi.fn(),
+}));
+vi.mock('../utils/responsive.js', () => ({
+    truncateEnd: vi.fn((text, maxLength) => text.length > maxLength ? text.slice(0, maxLength - 3) + '...' : text),
+}));
+import { useResponsive } from '../hooks/useResponsive.js';
+const mockUseResponsive = vi.mocked(useResponsive);
+describe('ProviderModelDialog', () => {
+    const mockModels = [
+        {
+            id: 'gpt-4',
+            name: 'GPT-4',
+            provider: 'openai',
+            supportedToolFormats: ['openai'],
+        },
+        {
+            id: 'gpt-3.5-turbo',
+            name: 'GPT-3.5 Turbo',
+            provider: 'openai',
+            supportedToolFormats: ['openai'],
+        },
+        {
+            id: 'claude-3-opus-20240229',
+            name: 'Claude 3 Opus',
+            provider: 'anthropic',
+            supportedToolFormats: ['anthropic'],
+        },
+        {
+            id: 'claude-3-sonnet-20240229',
+            name: 'Claude 3 Sonnet',
+            provider: 'anthropic',
+            supportedToolFormats: ['anthropic'],
+        },
+        {
+            id: 'gemini-pro',
+            name: 'Gemini Pro',
+            provider: 'google',
+            supportedToolFormats: ['google'],
+        },
+        {
+            id: 'very-long-model-name-that-should-be-truncated',
+            name: 'Long Model',
+            provider: 'test',
+            supportedToolFormats: ['test'],
+        },
+    ];
+    const defaultProps = {
+        models: mockModels,
+        currentModel: 'gpt-4',
+        onSelect: vi.fn(),
+        onClose: vi.fn(),
+    };
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+    describe('column layout calculation', () => {
+        it('should use 1 column for narrow width (< 80)', () => {
+            mockUseResponsive.mockReturnValue({
+                width: 70,
+                breakpoint: 'NARROW',
+                isNarrow: true,
+                isStandard: false,
+                isWide: false,
+            });
+            const { container } = render(_jsx(ProviderModelDialog, { ...defaultProps }));
+            // In narrow mode, should have single column layout
+            // Each model should be in its own row
+            const modelElements = container.querySelectorAll('[data-testid="model-item"]');
+            expect(modelElements.length).toBe(0); // Need to add test IDs first
+        });
+        it('should calculate appropriate column width based on longest model name', () => {
+            mockUseResponsive.mockReturnValue({
+                width: 120,
+                breakpoint: 'STANDARD',
+                isNarrow: false,
+                isStandard: true,
+                isWide: false,
+            });
+            render(_jsx(ProviderModelDialog, { ...defaultProps }));
+            // The longest model name is 'very-long-model-name-that-should-be-truncated' (44 chars)
+            // Column width should be calculated based on this plus padding
+            // Expected column width should accommodate the content properly
+        });
+        it('should limit columns based on terminal width and content fit', () => {
+            mockUseResponsive.mockReturnValue({
+                width: 200,
+                breakpoint: 'WIDE',
+                isNarrow: false,
+                isStandard: false,
+                isWide: true,
+            });
+            render(_jsx(ProviderModelDialog, { ...defaultProps }));
+            // With terminal width 200, should calculate optimal number of columns
+            // that fit within the available space while showing all content
+        });
+        it('should prefer fewer columns when model names are very long', () => {
+            const longNameModels = [
+                {
+                    id: 'extremely-long-model-name-that-exceeds-reasonable-column-width-limits',
+                    name: 'Long Model 1',
+                    provider: 'test',
+                    supportedToolFormats: ['test'],
+                },
+                {
+                    id: 'another-extremely-long-model-name-that-also-exceeds-limits',
+                    name: 'Long Model 2',
+                    provider: 'test',
+                    supportedToolFormats: ['test'],
+                },
+            ];
+            mockUseResponsive.mockReturnValue({
+                width: 120,
+                breakpoint: 'STANDARD',
+                isNarrow: false,
+                isStandard: true,
+                isWide: false,
+            });
+            render(_jsx(ProviderModelDialog, { ...defaultProps, models: longNameModels }));
+            // Should use fewer columns or single column when names are too long
+        });
+        it('should handle empty model list gracefully', () => {
+            mockUseResponsive.mockReturnValue({
+                width: 120,
+                breakpoint: 'STANDARD',
+                isNarrow: false,
+                isStandard: true,
+                isWide: false,
+            });
+            render(_jsx(ProviderModelDialog, { ...defaultProps, models: [] }));
+            // Should not crash with empty models array
+        });
+    });
+    describe('responsive behavior', () => {
+        it('should show different layouts for different breakpoints', () => {
+            const scenarios = [
+                {
+                    width: 70,
+                    breakpoint: 'NARROW',
+                    isNarrow: true,
+                    isStandard: false,
+                    isWide: false,
+                },
+                {
+                    width: 100,
+                    breakpoint: 'STANDARD',
+                    isNarrow: false,
+                    isStandard: true,
+                    isWide: false,
+                },
+                {
+                    width: 180,
+                    breakpoint: 'WIDE',
+                    isNarrow: false,
+                    isStandard: false,
+                    isWide: true,
+                },
+            ];
+            scenarios.forEach((scenario) => {
+                mockUseResponsive.mockReturnValue(scenario);
+                const { rerender } = render(_jsx(ProviderModelDialog, { ...defaultProps }));
+                // Each breakpoint should render appropriately
+                // Narrow: single column, no truncation indicator
+                // Standard: 2-3 columns, some truncation
+                // Wide: 3 columns, minimal truncation
+                rerender(_jsx(ProviderModelDialog, { ...defaultProps }));
+            });
+        });
+    });
+    describe('maximum width constraints', () => {
+        it('should constrain dialog width even on very wide terminals', () => {
+            mockUseResponsive.mockReturnValue({
+                width: 300,
+                breakpoint: 'WIDE',
+                isNarrow: false,
+                isStandard: false,
+                isWide: true,
+            });
+            const { container } = render(_jsx(ProviderModelDialog, { ...defaultProps }));
+            // Dialog should have maximum width constraint to prevent it from
+            // becoming too wide and causing overlapping dialogs
+            // For now, just verify the component renders without error
+            expect(container.firstChild).toBeTruthy();
+        });
+    });
+});
+//# sourceMappingURL=ProviderModelDialog.test.js.map

package/dist/src/ui/components/ProviderModelDialog.test.js.map

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

package/dist/src/ui/components/SettingsDialog.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};