37ac70f720
* feat: AI agent panel UI — 3-layer panel with action cards and WebSocket activity hook * style: rustfmt mcp.rs --------- Co-authored-by: Test <test@test.com>
63 lines
2.5 KiB
TypeScript
63 lines
2.5 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest'
|
|
import { render, screen, fireEvent } from '@testing-library/react'
|
|
import { AiActionCard } from './AiActionCard'
|
|
|
|
describe('AiActionCard', () => {
|
|
it('renders label text', () => {
|
|
render(<AiActionCard tool="create_note" label="Created test.md" status="done" />)
|
|
expect(screen.getByText('Created test.md')).toBeTruthy()
|
|
})
|
|
|
|
it('shows pending spinner', () => {
|
|
render(<AiActionCard tool="search_notes" label="Searching..." status="pending" />)
|
|
expect(screen.getByTestId('status-pending')).toBeTruthy()
|
|
})
|
|
|
|
it('shows done check', () => {
|
|
render(<AiActionCard tool="create_note" label="Created" status="done" />)
|
|
expect(screen.getByTestId('status-done')).toBeTruthy()
|
|
})
|
|
|
|
it('shows error icon', () => {
|
|
render(<AiActionCard tool="delete_note" label="Failed" status="error" />)
|
|
expect(screen.getByTestId('status-error')).toBeTruthy()
|
|
})
|
|
|
|
it('is clickable when path and onOpenNote provided', () => {
|
|
const onOpenNote = vi.fn()
|
|
render(<AiActionCard tool="create_note" label="Open note" path="/vault/test.md" status="done" onOpenNote={onOpenNote} />)
|
|
fireEvent.click(screen.getByTestId('ai-action-card'))
|
|
expect(onOpenNote).toHaveBeenCalledWith('/vault/test.md')
|
|
})
|
|
|
|
it('has button role when clickable', () => {
|
|
render(<AiActionCard tool="create_note" label="Open note" path="/vault/test.md" status="done" onOpenNote={vi.fn()} />)
|
|
expect(screen.getByRole('button')).toBeTruthy()
|
|
})
|
|
|
|
it('is not clickable without path', () => {
|
|
const onOpenNote = vi.fn()
|
|
render(<AiActionCard tool="create_note" label="Created" status="done" onOpenNote={onOpenNote} />)
|
|
fireEvent.click(screen.getByTestId('ai-action-card'))
|
|
expect(onOpenNote).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('is not clickable without onOpenNote', () => {
|
|
render(<AiActionCard tool="create_note" label="Created" path="/vault/test.md" status="done" />)
|
|
const card = screen.getByTestId('ai-action-card')
|
|
expect(card.getAttribute('role')).toBeNull()
|
|
})
|
|
|
|
it('uses lighter background for ui_ tools', () => {
|
|
render(<AiActionCard tool="ui_open_tab" label="Opened tab" status="done" />)
|
|
const card = screen.getByTestId('ai-action-card')
|
|
expect(card.style.background).toContain('0.06')
|
|
})
|
|
|
|
it('uses standard background for vault tools', () => {
|
|
render(<AiActionCard tool="create_note" label="Created" status="done" />)
|
|
const card = screen.getByTestId('ai-action-card')
|
|
expect(card.style.background).toContain('0.1')
|
|
})
|
|
})
|