@getmicdrop/svelte-components 5.7.1 → 5.8.0

package/dist/stores/createFormStore.spec.js

@@ -1,540 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { get } from 'svelte/store';
-import { createFormStore } from './createFormStore';
-
-// Mock showToast
-vi.mock('./toaster', () => ({
-  showToast: vi.fn()
-}));
-
-describe('createFormStore', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    global.fetch = vi.fn();
-  });
-
-  describe('initialization', () => {
-    it('creates a form store with initial data', () => {
-      const form = createFormStore({
-        initialData: { name: 'John', email: 'john@example.com' }
-      });
-      
-      expect(get(form.data)).toEqual({ name: 'John', email: 'john@example.com' });
-    });
-
-    it('starts with isDirty as false', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      expect(get(form.isDirty)).toBe(false);
-    });
-
-    it('starts with isLoading as false', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      expect(get(form.isLoading)).toBe(false);
-    });
-
-    it('starts with isSuccess as false', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      expect(get(form.isSuccess)).toBe(false);
-    });
-
-    it('starts with empty errors', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      expect(get(form.errors)).toEqual({});
-    });
-  });
-
-  describe('dirty tracking', () => {
-    it('detects when data changes', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.data.set({ name: 'Jane' });
-      expect(get(form.isDirty)).toBe(true);
-    });
-
-    it('detects when data returns to initial state', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.data.set({ name: 'Jane' });
-      expect(get(form.isDirty)).toBe(true);
-      
-      form.data.set({ name: 'John' });
-      expect(get(form.isDirty)).toBe(false);
-    });
-
-    it('resets success state when form becomes dirty', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.isSuccess.set(true);
-      form.data.set({ name: 'Jane' });
-      form.checkDirty();
-      
-      expect(get(form.isSuccess)).toBe(false);
-    });
-  });
-
-  describe('updateData', () => {
-    it('partially updates form data', () => {
-      const form = createFormStore({
-        initialData: { name: 'John', email: 'john@example.com' }
-      });
-      
-      form.updateData({ name: 'Jane' });
-      
-      expect(get(form.data)).toEqual({ name: 'Jane', email: 'john@example.com' });
-    });
-  });
-
-  describe('updateSection', () => {
-    it('updates a specific section', () => {
-      const form = createFormStore({
-        initialData: {
-          basicInfo: { name: 'John', email: 'john@example.com' },
-          social: { twitter: '' }
-        }
-      });
-      
-      form.updateSection('basicInfo', { name: 'Jane' });
-      
-      expect(get(form.data).basicInfo).toEqual({ name: 'Jane', email: 'john@example.com' });
-      expect(get(form.data).social).toEqual({ twitter: '' });
-    });
-  });
-
-  describe('updateField', () => {
-    it('updates a specific field in a section', () => {
-      const form = createFormStore({
-        initialData: {
-          basicInfo: { name: 'John', email: 'john@example.com' }
-        }
-      });
-      
-      form.updateField('basicInfo', 'name', 'Jane');
-      
-      expect(get(form.data).basicInfo.name).toBe('Jane');
-      expect(get(form.data).basicInfo.email).toBe('john@example.com');
-    });
-  });
-
-  describe('validation', () => {
-    it('runs validation and populates errors', () => {
-      const form = createFormStore({
-        initialData: { name: '', email: '' },
-        validate: (data) => ({
-          isValid: false,
-          errors: {
-            basicInfo: { name: 'Name is required' }
-          }
-        })
-      });
-      
-      const isValid = form.runValidation();
-      
-      expect(isValid).toBe(false);
-      expect(get(form.errors)).toEqual({ basicInfo: { name: 'Name is required' } });
-    });
-
-    it('clears errors when validation passes', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        validate: (data) => ({
-          isValid: true,
-          errors: {}
-        })
-      });
-      
-      const isValid = form.runValidation();
-      
-      expect(isValid).toBe(true);
-      expect(get(form.errors)).toEqual({});
-    });
-
-    it('counts errors correctly', () => {
-      const form = createFormStore({
-        initialData: {},
-        validate: () => ({
-          isValid: false,
-          errors: {
-            basicInfo: { name: 'Required', email: 'Invalid' },
-            social: { twitter: 'Invalid format' }
-          }
-        })
-      });
-      
-      form.runValidation();
-      
-      expect(get(form.errorCount)).toBe(3);
-    });
-
-    it('flattens errors into list', () => {
-      const form = createFormStore({
-        initialData: {},
-        validate: () => ({
-          isValid: false,
-          errors: {
-            basicInfo: { name: 'Name required' }
-          }
-        })
-      });
-      
-      form.runValidation();
-      
-      const list = get(form.errorList);
-      expect(list).toContainEqual({ field: 'name', message: 'Name required', section: 'basicInfo' });
-    });
-  });
-
-  describe('clearErrors', () => {
-    it('clears all errors', () => {
-      const form = createFormStore({
-        initialData: {}
-      });
-      
-      form.errors.set({ basicInfo: { name: 'Error' } });
-      form.clearErrors();
-      
-      expect(get(form.errors)).toEqual({});
-    });
-
-    it('resets showErrors to false', () => {
-      const form = createFormStore({
-        initialData: {}
-      });
-      
-      form.showErrors.set(true);
-      form.clearErrors();
-      
-      expect(get(form.showErrors)).toBe(false);
-    });
-  });
-
-  describe('setFieldError and clearFieldError', () => {
-    it('sets error for specific field', () => {
-      const form = createFormStore({
-        initialData: {}
-      });
-      
-      form.setFieldError('basicInfo', 'name', 'Name is required');
-      
-      expect(get(form.errors).basicInfo.name).toBe('Name is required');
-    });
-
-    it('clears error for specific field', () => {
-      const form = createFormStore({
-        initialData: {}
-      });
-      
-      form.errors.set({ basicInfo: { name: 'Error', email: 'Error' } });
-      form.clearFieldError('basicInfo', 'name');
-      
-      expect(get(form.errors).basicInfo.name).toBeUndefined();
-      expect(get(form.errors).basicInfo.email).toBe('Error');
-    });
-  });
-
-  describe('submit', () => {
-    it('validates before submitting', async () => {
-      const form = createFormStore({
-        initialData: { name: '' },
-        endpoint: '/api/test',
-        validate: () => ({ isValid: false, errors: { name: 'Required' } })
-      });
-      
-      const result = await form.submit();
-      
-      expect(result).toBe(false);
-      expect(global.fetch).not.toHaveBeenCalled();
-    });
-
-    it('sends POST request to endpoint', async () => {
-      global.fetch.mockResolvedValueOnce({ ok: true });
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test'
-      });
-      
-      await form.submit();
-      
-      expect(global.fetch).toHaveBeenCalledWith('/api/test', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ name: 'John' })
-      });
-    });
-
-    it('sets isLoading during request', async () => {
-      let loadingDuringRequest;
-      global.fetch.mockImplementation(async () => {
-        loadingDuringRequest = get(form.isLoading);
-        return { ok: true };
-      });
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test'
-      });
-      
-      await form.submit();
-      
-      expect(loadingDuringRequest).toBe(true);
-      expect(get(form.isLoading)).toBe(false);
-    });
-
-    it('sets isSuccess on successful response', async () => {
-      global.fetch.mockResolvedValueOnce({ ok: true });
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test'
-      });
-      
-      const result = await form.submit();
-      
-      expect(result).toBe(true);
-      expect(get(form.isSuccess)).toBe(true);
-    });
-
-    it('updates initial data on success (form becomes clean)', async () => {
-      global.fetch.mockResolvedValueOnce({ ok: true });
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test'
-      });
-      
-      form.data.set({ name: 'Jane' });
-      expect(get(form.isDirty)).toBe(true);
-      
-      await form.submit();
-      
-      expect(get(form.isDirty)).toBe(false);
-    });
-
-    it('calls onSuccess callback', async () => {
-      global.fetch.mockResolvedValueOnce({ ok: true });
-      const onSuccess = vi.fn();
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test',
-        onSuccess
-      });
-      
-      await form.submit();
-      
-      expect(onSuccess).toHaveBeenCalled();
-    });
-
-    it('handles error response', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: false,
-        json: async () => ({ message: 'Server error' })
-      });
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test'
-      });
-      
-      const result = await form.submit();
-      
-      expect(result).toBe(false);
-      expect(get(form.saveError)).toBe('Server error');
-    });
-
-    it('calls onError callback on failure', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: false,
-        json: async () => ({})
-      });
-      const onError = vi.fn();
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test',
-        onError
-      });
-      
-      await form.submit();
-      
-      expect(onError).toHaveBeenCalled();
-    });
-
-    it('handles network error', async () => {
-      global.fetch.mockRejectedValueOnce(new Error('Network error'));
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test'
-      });
-      
-      const result = await form.submit();
-      
-      expect(result).toBe(false);
-      expect(get(form.saveError)).toBe('Network error');
-    });
-
-    it('transforms data before submitting', async () => {
-      global.fetch.mockResolvedValueOnce({ ok: true });
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/test',
-        transformData: (data) => ({ ...data, transformed: true })
-      });
-      
-      await form.submit();
-      
-      expect(global.fetch).toHaveBeenCalledWith('/api/test', expect.objectContaining({
-        body: JSON.stringify({ name: 'John', transformed: true })
-      }));
-    });
-
-    it('allows custom endpoint override', async () => {
-      global.fetch.mockResolvedValueOnce({ ok: true });
-      
-      const form = createFormStore({
-        initialData: { name: 'John' },
-        endpoint: '/api/default'
-      });
-      
-      await form.submit('/api/custom');
-      
-      expect(global.fetch).toHaveBeenCalledWith('/api/custom', expect.any(Object));
-    });
-  });
-
-  describe('reset', () => {
-    it('resets data to initial state', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.data.set({ name: 'Jane' });
-      form.reset();
-      
-      expect(get(form.data)).toEqual({ name: 'John' });
-    });
-
-    it('clears errors', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.errors.set({ basicInfo: { name: 'Error' } });
-      form.reset();
-      
-      expect(get(form.errors)).toEqual({});
-    });
-
-    it('resets all state flags', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.showErrors.set(true);
-      form.isSuccess.set(true);
-      form.saveError.set('Error');
-      form.reset();
-      
-      expect(get(form.showErrors)).toBe(false);
-      expect(get(form.isSuccess)).toBe(false);
-      expect(get(form.saveError)).toBe(null);
-    });
-  });
-
-  describe('resetTo', () => {
-    it('resets to new initial data', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.resetTo({ name: 'Jane', email: 'jane@example.com' });
-      
-      expect(get(form.data)).toEqual({ name: 'Jane', email: 'jane@example.com' });
-      expect(get(form.isDirty)).toBe(false);
-    });
-  });
-
-  describe('markSaved', () => {
-    it('updates initial to match current and sets success', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      form.data.set({ name: 'Jane' });
-      expect(get(form.isDirty)).toBe(true);
-      
-      form.markSaved();
-      
-      expect(get(form.isDirty)).toBe(false);
-      expect(get(form.isSuccess)).toBe(true);
-    });
-  });
-
-  describe('combined store subscription', () => {
-    it('provides all state via subscribe', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      let state;
-      const unsubscribe = form.subscribe(s => { state = s; });
-      
-      expect(state.data).toEqual({ name: 'John' });
-      expect(state.isDirty).toBe(false);
-      expect(state.isLoading).toBe(false);
-      expect(state.isSuccess).toBe(false);
-      expect(state.errors).toEqual({});
-      
-      unsubscribe();
-    });
-  });
-
-  describe('convenience getters', () => {
-    it('provides currentData getter', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      expect(form.currentData).toEqual({ name: 'John' });
-    });
-
-    it('provides loading getter', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      expect(form.loading).toBe(false);
-    });
-
-    it('provides dirty getter', () => {
-      const form = createFormStore({
-        initialData: { name: 'John' }
-      });
-      
-      expect(form.dirty).toBe(false);
-      
-      form.data.set({ name: 'Jane' });
-      expect(form.dirty).toBe(true);
-    });
-  });
-});

package/dist/stores/formDataStore.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=formDataStore.spec.d.ts.map

package/dist/stores/formDataStore.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formDataStore.spec.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formDataStore.spec.js"],"names":[],"mappings":""}