@getmicdrop/svelte-components 2.0.4 → 2.0.6

package/dist/components/Calendar/Calendar.spec.js

@@ -1,131 +1,131 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen } from '@testing-library/svelte';
-
-// Mock FullCalendar since it's complex and requires DOM
-vi.mock('@fullcalendar/core', () => ({
-  Calendar: vi.fn().mockImplementation(() => ({
-    render: vi.fn(),
-    destroy: vi.fn(),
-    next: vi.fn(),
-    prev: vi.fn(),
-    today: vi.fn(),
-    getDate: vi.fn(() => new Date()),
-    changeView: vi.fn(),
-  })),
-}));
-
-vi.mock('@fullcalendar/daygrid', () => ({
-  default: {},
-}));
-
-vi.mock('@fullcalendar/interaction', () => ({
-  default: {},
-}));
-
-vi.mock('$app/environment', () => ({
-  browser: true,
-}));
-
-// Import after mocks
-import Calendar from './Calendar.svelte';
-
-describe('Calendar', () => {
-  describe('basic rendering', () => {
-    it('renders calendar container', () => {
-      const { container } = render(Calendar);
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('renders with default variant availability', () => {
-      const { container } = render(Calendar);
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-  });
-
-  describe('props', () => {
-    it('accepts variant prop', () => {
-      const { container } = render(Calendar, { variant: 'scheduler' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('accepts view prop', () => {
-      const { container } = render(Calendar, { view: 'dayGridMonth' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('accepts events prop', () => {
-      const events = [
-        { title: 'Event 1', start: '2025-01-01' },
-        { title: 'Event 2', start: '2025-01-02' },
-      ];
-      const { container } = render(Calendar, { events });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('accepts selectedDates prop', () => {
-      const selectedDates = ['2025-01-01', '2025-01-02'];
-      const { container } = render(Calendar, { selectedDates });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('accepts compact prop', () => {
-      const { container } = render(Calendar, { compact: true });
-      // Component renders with compact mode - verify container exists
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('accepts readOnly prop', () => {
-      const { container } = render(Calendar, { readOnly: true });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('accepts showNavigation prop', () => {
-      const { container } = render(Calendar, { showNavigation: false });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('accepts showLegend prop', () => {
-      const { container } = render(Calendar, { showLegend: false });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-  });
-
-  describe('variant styles', () => {
-    it('renders availability variant', () => {
-      const { container } = render(Calendar, { variant: 'availability' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('renders scheduler variant', () => {
-      const { container } = render(Calendar, { variant: 'scheduler' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('renders display variant', () => {
-      const { container } = render(Calendar, { variant: 'display' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('renders public variant', () => {
-      const { container } = render(Calendar, { variant: 'public' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-  });
-
-  describe('saveStatus states', () => {
-    it('handles saving status', () => {
-      const { container } = render(Calendar, { saveStatus: 'saving' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('handles saved status', () => {
-      const { container } = render(Calendar, { saveStatus: 'saved' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-
-    it('handles empty status', () => {
-      const { container } = render(Calendar, { saveStatus: '' });
-      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/svelte';
+
+// Mock FullCalendar since it's complex and requires DOM
+vi.mock('@fullcalendar/core', () => ({
+  Calendar: vi.fn().mockImplementation(() => ({
+    render: vi.fn(),
+    destroy: vi.fn(),
+    next: vi.fn(),
+    prev: vi.fn(),
+    today: vi.fn(),
+    getDate: vi.fn(() => new Date()),
+    changeView: vi.fn(),
+  })),
+}));
+
+vi.mock('@fullcalendar/daygrid', () => ({
+  default: {},
+}));
+
+vi.mock('@fullcalendar/interaction', () => ({
+  default: {},
+}));
+
+vi.mock('$app/environment', () => ({
+  browser: true,
+}));
+
+// Import after mocks
+import Calendar from './Calendar.svelte';
+
+describe('Calendar', () => {
+  describe('basic rendering', () => {
+    it('renders calendar container', () => {
+      const { container } = render(Calendar);
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('renders with default variant availability', () => {
+      const { container } = render(Calendar);
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+  });
+
+  describe('props', () => {
+    it('accepts variant prop', () => {
+      const { container } = render(Calendar, { variant: 'scheduler' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('accepts view prop', () => {
+      const { container } = render(Calendar, { view: 'dayGridMonth' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('accepts events prop', () => {
+      const events = [
+        { title: 'Event 1', start: '2025-01-01' },
+        { title: 'Event 2', start: '2025-01-02' },
+      ];
+      const { container } = render(Calendar, { events });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('accepts selectedDates prop', () => {
+      const selectedDates = ['2025-01-01', '2025-01-02'];
+      const { container } = render(Calendar, { selectedDates });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('accepts compact prop', () => {
+      const { container } = render(Calendar, { compact: true });
+      // Component renders with compact mode - verify container exists
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('accepts readOnly prop', () => {
+      const { container } = render(Calendar, { readOnly: true });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('accepts showNavigation prop', () => {
+      const { container } = render(Calendar, { showNavigation: false });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('accepts showLegend prop', () => {
+      const { container } = render(Calendar, { showLegend: false });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+  });
+
+  describe('variant styles', () => {
+    it('renders availability variant', () => {
+      const { container } = render(Calendar, { variant: 'availability' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('renders scheduler variant', () => {
+      const { container } = render(Calendar, { variant: 'scheduler' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('renders display variant', () => {
+      const { container } = render(Calendar, { variant: 'display' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('renders public variant', () => {
+      const { container } = render(Calendar, { variant: 'public' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+  });
+
+  describe('saveStatus states', () => {
+    it('handles saving status', () => {
+      const { container } = render(Calendar, { saveStatus: 'saving' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('handles saved status', () => {
+      const { container } = render(Calendar, { saveStatus: 'saved' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+
+    it('handles empty status', () => {
+      const { container } = render(Calendar, { saveStatus: '' });
+      expect(container.querySelector('.calendar-wrapper')).toBeTruthy();
+    });
+  });
+});