1  import { render, screen } from '@testing-library/react'
 2  import { StatusBadge } from '../StatusBadge'
 3  
 4  describe('StatusBadge', () => {
 5    it('renders passed status with green styling', () => {
 6      render(<StatusBadge status="passed" />)
 7      const badge = screen.getByText('passed')
 8      expect(badge).toBeInTheDocument()
 9      expect(badge).toHaveClass('text-[#3fb950]')
10    })
11  
12    it('renders failed status with red styling', () => {
13      render(<StatusBadge status="failed" />)
14      expect(screen.getByText('failed')).toHaveClass('text-[#f85149]')
15    })
16  
17    it('renders running status with blue styling', () => {
18      render(<StatusBadge status="running" />)
19      expect(screen.getByText('running')).toHaveClass('text-[#58a6ff]')
20    })
21  
22    it('renders unknown status with muted styling', () => {
23      render(<StatusBadge status="unknown" />)
24      expect(screen.getByText('unknown')).toBeInTheDocument()
25    })
26  })