oxios 1.5.2

Oxios Agent OS — Agent Operating System powered by oxi-sdk
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

import { render, screen } from '@testing-library/react'
import { Bot } from 'lucide-react'
import { describe, expect, it } from 'vitest'
import { EmptyState } from '@/components/shared/empty-state'
import { StatusIndicator } from '@/components/shared/status-indicator'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'

// Mock i18next
vi.mock('react-i18next', () => ({
  useTranslation: () => ({
    t: (key: string) => key,
    i18n: { language: 'en' },
  }),
}))

describe('AgentCardList - Rendering patterns', () => {
  it('renders agent cards', () => {
    const agents = [
      { id: '1', name: 'Agent Alpha', status: 'Running' },
      { id: '2', name: 'Agent Beta', status: 'Idle' },
    ]

    render(
      <div>
        {agents.map((agent) => (
          <Card key={agent.id}>
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <Bot className="h-4 w-4" />
                {agent.name}
              </CardTitle>
            </CardHeader>
            <CardContent>
              <StatusIndicator status={agent.status} />
            </CardContent>
          </Card>
        ))}
      </div>,
    )

    expect(screen.getByText('Agent Alpha')).toBeInTheDocument()
    expect(screen.getByText('Agent Beta')).toBeInTheDocument()
    expect(screen.getAllByText(/Running|Idle/)).toHaveLength(2)
  })

  it('renders empty state', () => {
    render(
      <EmptyState
        icon={<Bot className="h-10 w-10" />}
        title="No agents"
        description="No agents found. Start a new agent to see it here."
      />,
    )

    expect(screen.getByText('No agents')).toBeInTheDocument()
    expect(screen.getByText(/No agents found/)).toBeInTheDocument()
  })

  it('renders single agent card', () => {
    render(
      <Card>
        <CardHeader>
          <CardTitle className="flex items-center gap-2">
            <Bot className="h-4 w-4" />
            Single Agent
          </CardTitle>
        </CardHeader>
        <CardContent>
          <StatusIndicator status="Running" />
        </CardContent>
      </Card>,
    )

    expect(screen.getByText('Single Agent')).toBeInTheDocument()
    expect(screen.getByText('Running')).toBeInTheDocument()
  })
})