Upload src/components/StatusBadge.test.tsx with huggingface_hub

src/components/StatusBadge.test.tsx

@@ -0,0 +1,22 @@
+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();
+  });
+});