test: remove route tests
This commit is contained in:
Louis
parent
864ad50880
commit
c2790d9181
@ -1,126 +0,0 @@
|
||||
import { describe, it, expect, vi } from 'vitest'
|
||||
import { render, screen } from '@testing-library/react'
|
||||
import { Route } from '../__root'
|
||||
|
||||
// Mock all dependencies
|
||||
vi.mock('@/containers/LeftPanel', () => ({
|
||||
default: () => <div data-testid="left-panel">LeftPanel</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/dialogs/AppUpdater', () => ({
|
||||
default: () => <div data-testid="app-updater">AppUpdater</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/dialogs/CortexFailureDialog', () => ({
|
||||
CortexFailureDialog: () => <div data-testid="cortex-failure">CortexFailure</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/providers/AppearanceProvider', () => ({
|
||||
AppearanceProvider: ({ children }: { children: React.ReactNode }) => children,
|
||||
}))
|
||||
|
||||
vi.mock('@/providers/ThemeProvider', () => ({
|
||||
ThemeProvider: ({ children }: { children: React.ReactNode }) => children,
|
||||
}))
|
||||
|
||||
vi.mock('@/providers/KeyboardShortcuts', () => ({
|
||||
KeyboardShortcutsProvider: ({ children }: { children: React.ReactNode }) => children,
|
||||
}))
|
||||
|
||||
vi.mock('@/providers/DataProvider', () => ({
|
||||
DataProvider: ({ children }: { children: React.ReactNode }) => children,
|
||||
}))
|
||||
|
||||
vi.mock('@/providers/ExtensionProvider', () => ({
|
||||
ExtensionProvider: ({ children }: { children: React.ReactNode }) => children,
|
||||
}))
|
||||
|
||||
vi.mock('@/providers/ToasterProvider', () => ({
|
||||
ToasterProvider: ({ children }: { children: React.ReactNode }) => children,
|
||||
}))
|
||||
|
||||
vi.mock('@/providers/AnalyticProvider', () => ({
|
||||
AnalyticProvider: () => <div data-testid="analytic-provider">AnalyticProvider</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/i18n/TranslationContext', () => ({
|
||||
TranslationProvider: ({ children }: { children: React.ReactNode }) => children,
|
||||
}))
|
||||
|
||||
vi.mock('@/hooks/useAnalytic', () => ({
|
||||
useAnalytic: vi.fn(() => ({ productAnalyticPrompt: false })),
|
||||
}))
|
||||
|
||||
vi.mock('@/hooks/useLeftPanel', () => ({
|
||||
useLeftPanel: () => ({ open: true }),
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/analytics/PromptAnalytic', () => ({
|
||||
PromptAnalytic: () => <div data-testid="prompt-analytic">PromptAnalytic</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/dialogs/ToolApproval', () => ({
|
||||
default: () => <div data-testid="tool-approval">ToolApproval</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/dialogs/OutOfContextDialog', () => ({
|
||||
default: () => <div data-testid="out-of-context">OutOfContext</div>,
|
||||
}))
|
||||
|
||||
// Mock Outlet from react-router
|
||||
vi.mock('@tanstack/react-router', () => ({
|
||||
createRootRoute: (config: any) => ({ component: config.component }),
|
||||
Outlet: () => <div data-testid="outlet">Outlet</div>,
|
||||
useRouterState: vi.fn(() => ({
|
||||
location: { pathname: '/normal-route' },
|
||||
})),
|
||||
}))
|
||||
|
||||
vi.mock('@/constants/routes', () => ({
|
||||
route: {
|
||||
localApiServerlogs: '/local-api-server/logs',
|
||||
systemMonitor: '/system-monitor',
|
||||
appLogs: '/logs',
|
||||
},
|
||||
}))
|
||||
|
||||
vi.mock('@/lib/utils', () => ({
|
||||
cn: (...classes: any[]) => classes.filter(Boolean).join(' '),
|
||||
}))
|
||||
|
||||
describe('__root.tsx', () => {
|
||||
it('should render RootLayout component', () => {
|
||||
const Component = Route.component
|
||||
render(<Component />)
|
||||
|
||||
expect(screen.getByTestId('left-panel')).toBeDefined()
|
||||
expect(screen.getByTestId('app-updater')).toBeDefined()
|
||||
expect(screen.getByTestId('cortex-failure')).toBeDefined()
|
||||
expect(screen.getByTestId('tool-approval')).toBeDefined()
|
||||
expect(screen.getByTestId('out-of-context')).toBeDefined()
|
||||
expect(screen.getByTestId('outlet')).toBeDefined()
|
||||
})
|
||||
|
||||
it('should render AppLayout for normal routes', () => {
|
||||
const Component = Route.component
|
||||
render(<Component />)
|
||||
|
||||
expect(screen.getByTestId('left-panel')).toBeDefined()
|
||||
expect(screen.getByTestId('analytic-provider')).toBeDefined()
|
||||
})
|
||||
|
||||
it('should render LogsLayout for logs routes', async () => {
|
||||
// Re-mock useRouterState for logs route
|
||||
const { useRouterState } = await import('@tanstack/react-router')
|
||||
vi.mocked(useRouterState).mockReturnValue({
|
||||
location: { pathname: '/local-api-server/logs' },
|
||||
})
|
||||
|
||||
const Component = Route.component
|
||||
render(<Component />)
|
||||
|
||||
expect(screen.getByTestId('outlet')).toBeDefined()
|
||||
})
|
||||
|
||||
// Test removed due to mock complexity - component logic is well covered by other tests
|
||||
})
|
||||
@ -1,158 +0,0 @@
|
||||
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||||
import { render, screen } from '@testing-library/react'
|
||||
import { Route } from '../index'
|
||||
import { useModelProvider } from '@/hooks/useModelProvider'
|
||||
|
||||
// Mock all dependencies
|
||||
vi.mock('@/containers/ChatInput', () => ({
|
||||
default: ({ model, showSpeedToken, initialMessage }: any) => (
|
||||
<div data-testid="chat-input">
|
||||
ChatInput - Model: {model?.id || 'none'}, Speed: {showSpeedToken ? 'yes' : 'no'}, Initial: {initialMessage ? 'yes' : 'no'}
|
||||
</div>
|
||||
),
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/HeaderPage', () => ({
|
||||
default: ({ children }: { children: React.ReactNode }) => (
|
||||
<div data-testid="header-page">{children}</div>
|
||||
),
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/SetupScreen', () => ({
|
||||
default: () => <div data-testid="setup-screen">SetupScreen</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/containers/DropdownAssistant', () => ({
|
||||
default: () => <div data-testid="dropdown-assistant">DropdownAssistant</div>,
|
||||
}))
|
||||
|
||||
vi.mock('@/i18n/react-i18next-compat', () => ({
|
||||
useTranslation: () => ({
|
||||
t: (key: string) => {
|
||||
const translations: Record<string, string> = {
|
||||
'chat:welcome': 'Welcome to Jan',
|
||||
'chat:description': 'Start chatting with AI models',
|
||||
}
|
||||
return translations[key] || key
|
||||
},
|
||||
}),
|
||||
}))
|
||||
|
||||
vi.mock('@/hooks/useModelProvider', () => ({
|
||||
useModelProvider: vi.fn(() => ({
|
||||
providers: [
|
||||
{
|
||||
provider: 'openai',
|
||||
api_key: 'test-key',
|
||||
models: [],
|
||||
},
|
||||
],
|
||||
})),
|
||||
}))
|
||||
|
||||
vi.mock('@/hooks/useThreads', () => ({
|
||||
useThreads: () => ({
|
||||
setCurrentThreadId: vi.fn(),
|
||||
}),
|
||||
}))
|
||||
|
||||
vi.mock('@tanstack/react-router', () => ({
|
||||
createFileRoute: (route: string) => (config: any) => ({
|
||||
...config,
|
||||
route,
|
||||
}),
|
||||
useSearch: () => ({
|
||||
model: undefined,
|
||||
}),
|
||||
}))
|
||||
|
||||
vi.mock('@/constants/routes', () => ({
|
||||
route: {
|
||||
home: '/',
|
||||
},
|
||||
}))
|
||||
|
||||
describe('routes/index.tsx', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks()
|
||||
// Reset to default mock
|
||||
vi.mocked(useModelProvider).mockReturnValue({
|
||||
providers: [
|
||||
{
|
||||
provider: 'openai',
|
||||
api_key: 'test-key',
|
||||
models: [],
|
||||
},
|
||||
],
|
||||
})
|
||||
})
|
||||
it('should render welcome page when providers are valid', () => {
|
||||
const Component = Route.component
|
||||
render(<Component />)
|
||||
|
||||
expect(screen.getByTestId('header-page')).toBeDefined()
|
||||
expect(screen.getByTestId('dropdown-assistant')).toBeDefined()
|
||||
expect(screen.getByTestId('chat-input')).toBeDefined()
|
||||
expect(screen.getByText('Welcome to Jan')).toBeDefined()
|
||||
expect(screen.getByText('Start chatting with AI models')).toBeDefined()
|
||||
})
|
||||
|
||||
it('should render setup screen when no valid providers', () => {
|
||||
// Re-mock useModelProvider to return no valid providers
|
||||
vi.mocked(useModelProvider).mockReturnValue({
|
||||
providers: [
|
||||
{
|
||||
provider: 'openai',
|
||||
api_key: '',
|
||||
models: [],
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
const Component = Route.component
|
||||
render(<Component />)
|
||||
|
||||
expect(screen.getByTestId('setup-screen')).toBeDefined()
|
||||
expect(screen.queryByTestId('header-page')).toBeNull()
|
||||
})
|
||||
|
||||
it('should pass correct props to ChatInput', () => {
|
||||
const Component = Route.component
|
||||
render(<Component />)
|
||||
|
||||
const chatInput = screen.getByTestId('chat-input')
|
||||
expect(chatInput.textContent).toContain('Model: none')
|
||||
expect(chatInput.textContent).toContain('Speed: no')
|
||||
expect(chatInput.textContent).toContain('Initial: yes')
|
||||
})
|
||||
|
||||
it('should validate search params correctly', () => {
|
||||
const searchParams = Route.validateSearch({
|
||||
model: { id: 'test-model', provider: 'openai' },
|
||||
other: 'ignored',
|
||||
})
|
||||
|
||||
expect(searchParams).toEqual({
|
||||
model: { id: 'test-model', provider: 'openai' },
|
||||
})
|
||||
})
|
||||
|
||||
it('should handle llamacpp provider with models', () => {
|
||||
// Re-mock useModelProvider to return llamacpp with models
|
||||
vi.mocked(useModelProvider).mockReturnValue({
|
||||
providers: [
|
||||
{
|
||||
provider: 'llamacpp',
|
||||
api_key: '',
|
||||
models: ['model1'],
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
const Component = Route.component
|
||||
render(<Component />)
|
||||
|
||||
expect(screen.getByTestId('header-page')).toBeDefined()
|
||||
expect(screen.queryByTestId('setup-screen')).toBeNull()
|
||||
})
|
||||
})
|
||||
Loading…
x
Reference in New Issue
Block a user