| 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(); | |
| }); | |
| }); | |