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

@@ -0,0 +1,24 @@
+import { render } from '@testing-library/svelte';
+import Skeleton from './Skeleton.svelte';
+
+describe('Skeleton', () => {
+    it('renders a div element', () => {
+        const { container } = render(Skeleton);
+        expect(container.querySelector('div')).toBeInTheDocument();
+    });
+
+    it('animates by default', () => {
+        const { container } = render(Skeleton);
+        expect(container.querySelector('div')).toHaveClass('animate-pulse');
+    });
+
+    it('disables animation when animate=false', () => {
+        const { container } = render(Skeleton, { animate: false });
+        expect(container.querySelector('div')).not.toHaveClass('animate-pulse');
+    });
+
+    it('passes additional class', () => {
+        const { container } = render(Skeleton, { class: 'w-24 h-4' });
+        expect(container.querySelector('div')).toHaveClass('w-24', 'h-4');
+    });
+});