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

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 { Button } from '@/components/ui/button'

describe('EmptyState', () => {
  it('renders title', () => {
    render(<EmptyState title="No items found" />)

    expect(screen.getByText('No items found')).toBeInTheDocument()
  })

  it('renders description when provided', () => {
    render(<EmptyState title="No agents" description="Start a new agent to see it here." />)

    expect(screen.getByText('Start a new agent to see it here.')).toBeInTheDocument()
  })

  it('does not render description when not provided', () => {
    render(<EmptyState title="No items" />)

    const container = screen.getByRole('status')
    const paragraphs = container.querySelectorAll('p')
    expect(paragraphs).toHaveLength(0)
  })

  it('renders icon when provided', () => {
    render(
      <EmptyState
        icon={<Bot data-testid="empty-icon" className="h-10 w-10" />}
        title="No agents"
      />,
    )

    expect(screen.getByTestId('empty-icon')).toBeInTheDocument()
  })

  it('does not render icon section when not provided', () => {
    render(<EmptyState title="No items" />)

    // No element with aria-hidden="true" should exist
    const container = screen.getByRole('status')
    const hiddenEl = container.querySelector('[aria-hidden="true"]')
    expect(hiddenEl).not.toBeInTheDocument()
  })

  it('renders action when provided', () => {
    render(<EmptyState title="No agents" action={<Button>Create Agent</Button>} />)

    expect(screen.getByRole('button', { name: 'Create Agent' })).toBeInTheDocument()
  })

  it('has role="status"', () => {
    render(<EmptyState title="Empty" />)

    expect(screen.getByRole('status')).toBeInTheDocument()
  })

  it('applies custom className', () => {
    render(<EmptyState title="Empty" className="my-custom-class" />)

    const container = screen.getByRole('status')
    expect(container.className).toContain('my-custom-class')
  })
})