oxios 1.10.1

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

import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import { describe, expect, it, vi } from 'vitest'
import { ErrorState } from '@/components/shared/error-state'

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

describe('ErrorState', () => {
  it('renders default title from i18n when none provided', () => {
    render(<ErrorState />)

    expect(screen.getByText('common.errorFailedToLoad')).toBeInTheDocument()
  })

  it('renders default message from i18n when none provided', () => {
    render(<ErrorState />)

    expect(screen.getByText('common.errorSomethingWrong')).toBeInTheDocument()
  })

  it('renders custom title', () => {
    render(<ErrorState title="Load failed" />)

    expect(screen.getByText('Load failed')).toBeInTheDocument()
  })

  it('renders custom message', () => {
    render(<ErrorState message="Network error occurred" />)

    expect(screen.getByText('Network error occurred')).toBeInTheDocument()
  })

  it('renders retry button when onRetry is provided', () => {
    render(<ErrorState onRetry={vi.fn()} />)

    const retryBtn = screen.getByRole('button', { name: 'common.retry' })
    expect(retryBtn).toBeInTheDocument()
  })

  it('does not render retry button when onRetry is not provided', () => {
    render(<ErrorState />)

    expect(screen.queryByRole('button')).not.toBeInTheDocument()
  })

  it('calls onRetry when retry button is clicked', async () => {
    const onRetry = vi.fn()
    render(<ErrorState onRetry={onRetry} />)

    const retryBtn = screen.getByRole('button', { name: 'common.retry' })
    await userEvent.click(retryBtn)

    expect(onRetry).toHaveBeenCalledOnce()
  })

  it('has role="alert"', () => {
    render(<ErrorState />)

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

  it('applies custom className', () => {
    render(<ErrorState className="my-error-class" />)

    const alert = screen.getByRole('alert')
    expect(alert.className).toContain('my-error-class')
  })
})