All files / src/components/admin/monitoring StatusBadge.test.tsx

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
import { render, screen } from '@testing-library/react';
import { StatusBadge } from './StatusBadge';

describe('StatusBadge', () => {
  it('renders open status', () => {
    render(<StatusBadge status="open" />);
    expect(screen.getByText('Open')).toBeInTheDocument();
  });

  it('renders resolved status', () => {
    render(<StatusBadge status="resolved" />);
    expect(screen.getByText('Resolved')).toBeInTheDocument();
  });

  it('renders ignored status', () => {
    render(<StatusBadge status="ignored" />);
    expect(screen.getByText('Ignored')).toBeInTheDocument();
  });

  it('renders snoozed status', () => {
    render(<StatusBadge status="snoozed" />);
    expect(screen.getByText('Snoozed')).toBeInTheDocument();
  });

  it('has correct test id', () => {
    render(<StatusBadge status="open" />);
    expect(screen.getByTestId('status-badge')).toBeInTheDocument();
  });

  it('applies custom className', () => {
    render(<StatusBadge status="open" className="custom-class" />);
    expect(screen.getByTestId('status-badge')).toHaveClass('custom-class');
  });

  it('handles unknown status gracefully', () => {
    render(<StatusBadge status="unknown" />);
    expect(screen.getByText('Open')).toBeInTheDocument();
  });
});