src/shared/ui/Stat/Stat.svelte.test.ts

@@ -0,0 +1,28 @@
+import {
+    render,
+    screen,
+} from '@testing-library/svelte';
+import Stat from './Stat.svelte';
+
+describe('Stat', () => {
+    it('renders label and value', () => {
+        render(Stat, { label: 'weight', value: '400' });
+        expect(screen.getByText('weight:')).toBeInTheDocument();
+        expect(screen.getByText('400')).toBeInTheDocument();
+    });
+
+    it('renders numeric value', () => {
+        render(Stat, { label: 'size', value: 16 });
+        expect(screen.getByText('16')).toBeInTheDocument();
+    });
+
+    it('renders separator when separator=true', () => {
+        const { container } = render(Stat, { label: 'x', value: 'y', separator: true });
+        expect(container.querySelector('.w-px.h-2')).toBeInTheDocument();
+    });
+
+    it('does not render separator by default', () => {
+        const { container } = render(Stat, { label: 'x', value: 'y' });
+        expect(container.querySelector('.w-px.h-2')).not.toBeInTheDocument();
+    });
+});