import { render, screen } from '@testing-library/react';
import { describe, it, expect } from 'vitest';
import StatusBadge from './StatusBadge';

describe('StatusBadge', () => {
  it('renders ACTIVE status correctly', () => {
    render(<StatusBadge status="ACTIVE" />);
    expect(screen.getByText('ACTIVE')).toBeDefined();
    expect(document.querySelector('.bg-emerald-500\\/10')).toBeDefined();
  });

  it('renders PAUSED status correctly', () => {
    render(<StatusBadge status="PAUSED" />);
    expect(screen.getByText('PAUSED')).toBeDefined();
    expect(document.querySelector('.bg-amber-500\\/10')).toBeDefined();
  });

  it('renders unknown status gracefully', () => {
    render(<StatusBadge status="UNKNOWN_STATE" />);
    expect(screen.getByText('UNKNOWN STATE')).toBeDefined();
  });
});