Pouzor
06ec18a137
- Add cpu_count, cpu_model, ram_gb, disk_gb, show_hardware fields to NodeData - NodeModal: collapsible Hardware section with toggle to show specs on canvas - BaseNode: 2-line hardware section with Cpu/MemoryStick/HardDrive icons, only renders set fields - DetailPanel: Hardware section with GB/TB formatting - Backend: schema, model, DB migration, canvas save/load support - Tests: frontend (NodeModal, DetailPanel) + backend (canvas persist/load)
119 lines
3.8 KiB
TypeScript
119 lines
3.8 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import { render, screen } from '@testing-library/react'
|
|
import { DetailPanel } from '../DetailPanel'
|
|
import * as canvasStore from '@/stores/canvasStore'
|
|
import type { NodeData } from '@/types'
|
|
import type { Node } from '@xyflow/react'
|
|
|
|
vi.mock('@/stores/canvasStore')
|
|
|
|
function makeNode(data: Partial<NodeData>): Node<NodeData> {
|
|
return {
|
|
id: 'n1',
|
|
type: data.type ?? 'server',
|
|
position: { x: 0, y: 0 },
|
|
data: {
|
|
label: 'Test Node',
|
|
type: 'server',
|
|
status: 'online',
|
|
services: [],
|
|
...data,
|
|
},
|
|
}
|
|
}
|
|
|
|
function setupStore(nodeData: Partial<NodeData> = {}) {
|
|
vi.mocked(canvasStore.useCanvasStore).mockReturnValue({
|
|
nodes: [makeNode(nodeData)],
|
|
selectedNodeId: 'n1',
|
|
setSelectedNode: vi.fn(),
|
|
deleteNode: vi.fn(),
|
|
updateNode: vi.fn(),
|
|
} as unknown as ReturnType<typeof canvasStore.useCanvasStore>)
|
|
}
|
|
|
|
describe('DetailPanel', () => {
|
|
beforeEach(() => {
|
|
vi.mocked(canvasStore.useCanvasStore).mockReturnValue({
|
|
nodes: [],
|
|
selectedNodeId: null,
|
|
setSelectedNode: vi.fn(),
|
|
deleteNode: vi.fn(),
|
|
updateNode: vi.fn(),
|
|
} as unknown as ReturnType<typeof canvasStore.useCanvasStore>)
|
|
})
|
|
|
|
it('renders nothing when no node is selected', () => {
|
|
const { container } = render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(container.firstChild).toBeNull()
|
|
})
|
|
|
|
it('renders node label and status', () => {
|
|
setupStore({ label: 'My Server', status: 'online' })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('My Server')).toBeDefined()
|
|
expect(screen.getByText('online')).toBeDefined()
|
|
})
|
|
|
|
it('renders nothing for groupRect nodes', () => {
|
|
setupStore({ type: 'groupRect', label: 'Zone' })
|
|
const { container } = render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(container.firstChild).toBeNull()
|
|
})
|
|
|
|
describe('Hardware section', () => {
|
|
it('does not render hardware section when no hardware data', () => {
|
|
setupStore({ label: 'Server' })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.queryByText('Hardware')).toBeNull()
|
|
})
|
|
|
|
it('renders hardware section when cpu_count is set', () => {
|
|
setupStore({ cpu_count: 8 })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('Hardware')).toBeDefined()
|
|
expect(screen.getByText('8')).toBeDefined()
|
|
})
|
|
|
|
it('renders cpu_model', () => {
|
|
setupStore({ cpu_model: 'Intel Xeon E5-2680' })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('Intel Xeon E5-2680')).toBeDefined()
|
|
})
|
|
|
|
it('formats ram_gb in GB', () => {
|
|
setupStore({ ram_gb: 32 })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('32 GB')).toBeDefined()
|
|
})
|
|
|
|
it('formats ram_gb >= 1024 as TB', () => {
|
|
setupStore({ ram_gb: 2048 })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('2 TB')).toBeDefined()
|
|
})
|
|
|
|
it('formats disk_gb in GB', () => {
|
|
setupStore({ disk_gb: 500 })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('500 GB')).toBeDefined()
|
|
})
|
|
|
|
it('formats disk_gb >= 1024 as TB', () => {
|
|
setupStore({ disk_gb: 1536 })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('1.5 TB')).toBeDefined()
|
|
})
|
|
|
|
it('renders all hardware fields together', () => {
|
|
setupStore({ cpu_count: 16, cpu_model: 'AMD EPYC', ram_gb: 128, disk_gb: 4096 })
|
|
render(<DetailPanel onEdit={vi.fn()} />)
|
|
expect(screen.getByText('Hardware')).toBeDefined()
|
|
expect(screen.getByText('AMD EPYC')).toBeDefined()
|
|
expect(screen.getByText('16')).toBeDefined()
|
|
expect(screen.getByText('128 GB')).toBeDefined()
|
|
expect(screen.getByText('4 TB')).toBeDefined()
|
|
})
|
|
})
|
|
})
|