File size: 3,064 Bytes
1f21206 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | import { cleanup, fireEvent, render, screen } from '@testing-library/react'
import '@testing-library/jest-dom'
import { afterEach, describe, expect, it, vi } from 'vitest'
vi.mock('../../pages/EmptySession', () => ({
EmptySession: () => <div data-testid="empty-session" />,
}))
vi.mock('../../pages/ActiveSession', () => ({
ActiveSession: () => <div data-testid="active-session" />,
}))
vi.mock('../../pages/ScheduledTasks', () => ({
ScheduledTasks: () => <div data-testid="scheduled-tasks" />,
}))
vi.mock('../../pages/Settings', () => ({
Settings: () => <div data-testid="settings-page" />,
}))
vi.mock('../../pages/TerminalSettings', () => ({
TerminalSettings: ({ active, cwd, onNewTerminal, testId }: { active: boolean; cwd?: string; onNewTerminal: () => void; testId: string }) => (
<div data-active={active ? 'true' : 'false'} data-cwd={cwd ?? ''} data-testid={testId}>
<button type="button" onClick={onNewTerminal}>New Terminal</button>
</div>
),
}))
import { ContentRouter } from './ContentRouter'
import { useTabStore } from '../../stores/tabStore'
describe('ContentRouter terminal tabs', () => {
afterEach(() => {
cleanup()
useTabStore.setState({ tabs: [], activeTabId: null })
})
it('renders the active terminal tab as main content', () => {
useTabStore.setState({
tabs: [{ sessionId: '__terminal__1', title: 'Terminal 1', type: 'terminal', status: 'idle', terminalCwd: '/tmp/project' }],
activeTabId: '__terminal__1',
})
render(<ContentRouter />)
expect(screen.getByTestId('terminal-host-__terminal__1')).toHaveAttribute('data-active', 'true')
expect(screen.getByTestId('terminal-host-__terminal__1')).toHaveAttribute('data-cwd', '/tmp/project')
expect(screen.queryByTestId('active-session')).not.toBeInTheDocument()
})
it('keeps terminal tabs mounted while chat content is active', () => {
useTabStore.setState({
tabs: [
{ sessionId: '__terminal__1', title: 'Terminal 1', type: 'terminal', status: 'idle' },
{ sessionId: 'session-1', title: 'Chat', type: 'session', status: 'idle' },
],
activeTabId: 'session-1',
})
render(<ContentRouter />)
expect(screen.getByTestId('terminal-host-__terminal__1')).toHaveAttribute('data-active', 'false')
expect(screen.getByTestId('active-session')).toBeInTheDocument()
})
it('can open another terminal tab from a terminal page', () => {
useTabStore.setState({
tabs: [{ sessionId: '__terminal__1', title: 'Terminal 1', type: 'terminal', status: 'idle', terminalCwd: '/tmp/project' }],
activeTabId: '__terminal__1',
})
render(<ContentRouter />)
fireEvent.click(screen.getByRole('button', { name: 'New Terminal' }))
expect(useTabStore.getState().tabs.filter((tab) => tab.type === 'terminal')).toHaveLength(2)
expect(useTabStore.getState().activeTabId).not.toBe('__terminal__1')
expect(useTabStore.getState().tabs.find((tab) => tab.sessionId === useTabStore.getState().activeTabId)?.terminalCwd).toBe('/tmp/project')
})
})
|