| 1 |
import '@testing-library/jest-dom'; |
| 2 |
import { render, screen } from '@testing-library/react'; |
| 3 |
import StatusBadge from '../../components/campaigns/StatusBadge'; |
| 4 |
|
| 5 |
describe('StatusBadge', () => { |
| 6 |
it('renders "active" status', () => { |
| 7 |
render(<StatusBadge status="active" />); |
| 8 |
expect(screen.getByText('active')).toBeInTheDocument(); |
| 9 |
}); |
| 10 |
|
| 11 |
it('renders "expired" status', () => { |
| 12 |
render(<StatusBadge status="expired" />); |
| 13 |
expect(screen.getByText('expired')).toBeInTheDocument(); |
| 14 |
}); |
| 15 |
|
| 16 |
it('renders "deleted" status', () => { |
| 17 |
render(<StatusBadge status="deleted" />); |
| 18 |
expect(screen.getByText('deleted')).toBeInTheDocument(); |
| 19 |
}); |
| 20 |
|
| 21 |
it('renders unknown status with fallback style', () => { |
| 22 |
const { container } = render(<StatusBadge status="paused" />); |
| 23 |
expect(screen.getByText('paused')).toBeInTheDocument(); |
| 24 |
// Dot should exist with fallback color |
| 25 |
const dot = container.querySelector('[style*="background-color"]'); |
| 26 |
expect(dot).toBeInTheDocument(); |
| 27 |
}); |
| 28 |
}); |
| 29 |
|
