@getmicdrop/svelte-components 5.20.0 → 5.20.2

package/dist/utils/greetings.spec.js

@@ -1,337 +1,337 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { getGreeting, getFirstName, clearGreetingCache } from './greetings';
-
-describe('greetings', () => {
-  beforeEach(() => {
-    // Mock localStorage
-    const localStorageMock = {
-      store: {},
-      getItem: vi.fn((key) => localStorageMock.store[key] || null),
-      setItem: vi.fn((key, value) => {
-        localStorageMock.store[key] = value;
-      }),
-      removeItem: vi.fn((key) => {
-        delete localStorageMock.store[key];
-      }),
-      clear: vi.fn(() => {
-        localStorageMock.store = {};
-      }),
-    };
-    Object.defineProperty(window, 'localStorage', {
-      value: localStorageMock,
-      writable: true,
-    });
-
-    // Clear cache before each test
-    clearGreetingCache();
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  describe('getFirstName', () => {
-    it('returns first name from full name', () => {
-      expect(getFirstName('John Doe')).toBe('John');
-    });
-
-    it('handles single name', () => {
-      expect(getFirstName('John')).toBe('John');
-    });
-
-    it('handles multiple names', () => {
-      expect(getFirstName('John Michael Doe')).toBe('John');
-    });
-
-    it('returns empty string for empty input', () => {
-      expect(getFirstName('')).toBe('');
-    });
-
-    it('returns empty string for null', () => {
-      expect(getFirstName(null)).toBe('');
-    });
-
-    it('returns empty string for undefined', () => {
-      expect(getFirstName(undefined)).toBe('');
-    });
-  });
-
-  describe('getGreeting', () => {
-    it('returns a string containing the name', () => {
-      const greeting = getGreeting('Alex');
-      expect(greeting).toContain('Alex');
-    });
-
-    it('returns different greetings for different time periods', () => {
-      // Run multiple times to increase chance of getting different greetings
-      const greetings = new Set();
-      for (let i = 0; i < 20; i++) {
-        clearGreetingCache();
-        greetings.add(getGreeting('Test'));
-      }
-      // Should have at least one greeting (randomness means we might get the same one)
-      expect(greetings.size).toBeGreaterThanOrEqual(1);
-    });
-
-    it('caches greeting in localStorage', () => {
-      getGreeting('Alex');
-      expect(window.localStorage.setItem).toHaveBeenCalled();
-    });
-
-    it('returns cached greeting for same user', () => {
-      const greeting1 = getGreeting('Alex');
-      const greeting2 = getGreeting('Alex');
-      expect(greeting1).toBe(greeting2);
-    });
-
-    it('generates new greeting for different user', () => {
-      const greeting1 = getGreeting('Alex');
-      clearGreetingCache();
-      const greeting2 = getGreeting('Beth');
-      expect(greeting2).toContain('Beth');
-    });
-
-    it('handles localStorage errors gracefully', () => {
-      window.localStorage.getItem.mockImplementation(() => {
-        throw new Error('localStorage error');
-      });
-
-      // Should not throw
-      expect(() => getGreeting('Alex')).not.toThrow();
-      const greeting = getGreeting('Alex');
-      expect(greeting).toContain('Alex');
-    });
-
-    it('handles invalid cached JSON gracefully', () => {
-      window.localStorage.getItem.mockReturnValue('invalid json');
-
-      // Should not throw and should generate new greeting
-      expect(() => getGreeting('Alex')).not.toThrow();
-    });
-  });
-
-  describe('clearGreetingCache', () => {
-    it('removes greeting from localStorage', () => {
-      getGreeting('Alex');
-      clearGreetingCache();
-      expect(window.localStorage.removeItem).toHaveBeenCalledWith('micdrop_greeting');
-    });
-
-    it('handles localStorage errors gracefully', () => {
-      window.localStorage.removeItem.mockImplementation(() => {
-        throw new Error('localStorage error');
-      });
-
-      // Should not throw
-      expect(() => clearGreetingCache()).not.toThrow();
-    });
-  });
-
-  describe('greeting content', () => {
-    it('greeting always includes user name', () => {
-      for (let i = 0; i < 10; i++) {
-        clearGreetingCache();
-        const greeting = getGreeting('TestUser');
-        expect(greeting).toContain('TestUser');
-      }
-    });
-
-    it('handles names with special characters', () => {
-      const greeting = getGreeting("O'Brien");
-      expect(greeting).toContain("O'Brien");
-    });
-
-    it('handles names with numbers', () => {
-      const greeting = getGreeting('User123');
-      expect(greeting).toContain('User123');
-    });
-  });
-
-  describe('localStorage setItem error handling', () => {
-    it('handles localStorage setItem error gracefully', () => {
-      window.localStorage.setItem.mockImplementation(() => {
-        throw new Error('localStorage setItem error');
-      });
-
-      // Should not throw even when setItem fails
-      expect(() => getGreeting('Alex')).not.toThrow();
-      const greeting = getGreeting('Alex');
-      expect(greeting).toContain('Alex');
-    });
-  });
-
-  describe('SSR behavior', () => {
-    it('works without window (SSR simulation)', () => {
-      // The module checks typeof window === 'undefined' for SSR
-      // In JSDOM window exists, but we can test by checking that function works
-      const greeting = getGreeting('TestUser');
-      expect(typeof greeting).toBe('string');
-      expect(greeting).toContain('TestUser');
-    });
-  });
-
-  describe('time period coverage', () => {
-    // Test all time period branches by mocking Date
-    const RealDate = Date;
-
-    afterEach(() => {
-      global.Date = RealDate;
-    });
-
-    it('generates greeting for night period (21-24)', () => {
-      // Mock Date to return 22:00
-      global.Date = class extends RealDate {
-        constructor() {
-          super();
-          return new RealDate('2025-06-15T22:00:00');
-        }
-        getHours() { return 22; }
-        getDay() { return 0; }
-      };
-
-      clearGreetingCache();
-      const greeting = getGreeting('NightUser');
-      expect(greeting).toContain('NightUser');
-    });
-
-    it('generates greeting for late night period (0-5 AM)', () => {
-      // Mock Date to return 03:00
-      global.Date = class extends RealDate {
-        constructor() {
-          super();
-          return new RealDate('2025-06-15T03:00:00');
-        }
-        getHours() { return 3; }
-        getDay() { return 0; }
-      };
-
-      clearGreetingCache();
-      const greeting = getGreeting('LateNightUser');
-      expect(greeting).toContain('LateNightUser');
-    });
-
-    it('generates greeting for early morning period (5-7)', () => {
-      global.Date = class extends RealDate {
-        constructor() {
-          super();
-          return new RealDate('2025-06-15T06:00:00');
-        }
-        getHours() { return 6; }
-        getDay() { return 1; }
-      };
-
-      clearGreetingCache();
-      const greeting = getGreeting('EarlyUser');
-      expect(greeting).toContain('EarlyUser');
-    });
-
-    it('generates greeting for morning period (7-12)', () => {
-      global.Date = class extends RealDate {
-        constructor() {
-          super();
-          return new RealDate('2025-06-15T09:00:00');
-        }
-        getHours() { return 9; }
-        getDay() { return 2; }
-      };
-
-      clearGreetingCache();
-      const greeting = getGreeting('MorningUser');
-      expect(greeting).toContain('MorningUser');
-    });
-
-    it('generates greeting for afternoon period (12-17)', () => {
-      global.Date = class extends RealDate {
-        constructor() {
-          super();
-          return new RealDate('2025-06-15T14:00:00');
-        }
-        getHours() { return 14; }
-        getDay() { return 3; }
-      };
-
-      clearGreetingCache();
-      const greeting = getGreeting('AfternoonUser');
-      expect(greeting).toContain('AfternoonUser');
-    });
-
-    it('generates greeting for evening period (17-21)', () => {
-      global.Date = class extends RealDate {
-        constructor() {
-          super();
-          return new RealDate('2025-06-15T19:00:00');
-        }
-        getHours() { return 19; }
-        getDay() { return 4; }
-      };
-
-      clearGreetingCache();
-      const greeting = getGreeting('EveningUser');
-      expect(greeting).toContain('EveningUser');
-    });
-  });
-
-  describe('time-based greeting generation', () => {
-    it('generates consistent greeting with cached data for same period and day', () => {
-      // First call generates and caches
-      const greeting1 = getGreeting('Alex');
-
-      // Second call should return cached
-      const greeting2 = getGreeting('Alex');
-
-      expect(greeting1).toBe(greeting2);
-    });
-
-    it('generates greeting containing name for various scenarios', () => {
-      // Test with longer names
-      clearGreetingCache();
-      const longNameGreeting = getGreeting('AlexanderTheGreat');
-      expect(longNameGreeting).toContain('AlexanderTheGreat');
-
-      // Test with short names
-      clearGreetingCache();
-      const shortNameGreeting = getGreeting('Jo');
-      expect(shortNameGreeting).toContain('Jo');
-    });
-
-    it('respects cache when period and day match', () => {
-      const greeting1 = getGreeting('TestUser');
-
-      // Mock getting a valid cached value
-      const cachedValue = window.localStorage.store['micdrop_greeting'];
-      expect(cachedValue).toBeDefined();
-
-      // Parse to verify structure
-      const parsed = JSON.parse(cachedValue);
-      expect(parsed).toHaveProperty('greeting');
-      expect(parsed).toHaveProperty('period');
-      expect(parsed).toHaveProperty('day');
-      expect(parsed).toHaveProperty('cachedName');
-      expect(parsed.cachedName).toBe('TestUser');
-    });
-  });
-
-  describe('SSR mode', () => {
-    it('generates greeting without caching when window is undefined', async () => {
-      vi.resetModules();
-
-      // Save original window
-      const originalWindow = global.window;
-
-      // Delete window to simulate SSR
-      delete global.window;
-
-      // Re-import module in SSR context
-      const { getGreeting: ssrGetGreeting } = await import('./greetings.js');
-
-      // Should still generate a greeting
-      const greeting = ssrGetGreeting('TestUser');
-      expect(greeting).toBeDefined();
-      expect(typeof greeting).toBe('string');
-      expect(greeting).toContain('TestUser');
-
-      // Restore window
-      global.window = originalWindow;
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { getGreeting, getFirstName, clearGreetingCache } from './greetings';
+
+describe('greetings', () => {
+  beforeEach(() => {
+    // Mock localStorage
+    const localStorageMock = {
+      store: {},
+      getItem: vi.fn((key) => localStorageMock.store[key] || null),
+      setItem: vi.fn((key, value) => {
+        localStorageMock.store[key] = value;
+      }),
+      removeItem: vi.fn((key) => {
+        delete localStorageMock.store[key];
+      }),
+      clear: vi.fn(() => {
+        localStorageMock.store = {};
+      }),
+    };
+    Object.defineProperty(window, 'localStorage', {
+      value: localStorageMock,
+      writable: true,
+    });
+
+    // Clear cache before each test
+    clearGreetingCache();
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  describe('getFirstName', () => {
+    it('returns first name from full name', () => {
+      expect(getFirstName('John Doe')).toBe('John');
+    });
+
+    it('handles single name', () => {
+      expect(getFirstName('John')).toBe('John');
+    });
+
+    it('handles multiple names', () => {
+      expect(getFirstName('John Michael Doe')).toBe('John');
+    });
+
+    it('returns empty string for empty input', () => {
+      expect(getFirstName('')).toBe('');
+    });
+
+    it('returns empty string for null', () => {
+      expect(getFirstName(null)).toBe('');
+    });
+
+    it('returns empty string for undefined', () => {
+      expect(getFirstName(undefined)).toBe('');
+    });
+  });
+
+  describe('getGreeting', () => {
+    it('returns a string containing the name', () => {
+      const greeting = getGreeting('Alex');
+      expect(greeting).toContain('Alex');
+    });
+
+    it('returns different greetings for different time periods', () => {
+      // Run multiple times to increase chance of getting different greetings
+      const greetings = new Set();
+      for (let i = 0; i < 20; i++) {
+        clearGreetingCache();
+        greetings.add(getGreeting('Test'));
+      }
+      // Should have at least one greeting (randomness means we might get the same one)
+      expect(greetings.size).toBeGreaterThanOrEqual(1);
+    });
+
+    it('caches greeting in localStorage', () => {
+      getGreeting('Alex');
+      expect(window.localStorage.setItem).toHaveBeenCalled();
+    });
+
+    it('returns cached greeting for same user', () => {
+      const greeting1 = getGreeting('Alex');
+      const greeting2 = getGreeting('Alex');
+      expect(greeting1).toBe(greeting2);
+    });
+
+    it('generates new greeting for different user', () => {
+      const greeting1 = getGreeting('Alex');
+      clearGreetingCache();
+      const greeting2 = getGreeting('Beth');
+      expect(greeting2).toContain('Beth');
+    });
+
+    it('handles localStorage errors gracefully', () => {
+      window.localStorage.getItem.mockImplementation(() => {
+        throw new Error('localStorage error');
+      });
+
+      // Should not throw
+      expect(() => getGreeting('Alex')).not.toThrow();
+      const greeting = getGreeting('Alex');
+      expect(greeting).toContain('Alex');
+    });
+
+    it('handles invalid cached JSON gracefully', () => {
+      window.localStorage.getItem.mockReturnValue('invalid json');
+
+      // Should not throw and should generate new greeting
+      expect(() => getGreeting('Alex')).not.toThrow();
+    });
+  });
+
+  describe('clearGreetingCache', () => {
+    it('removes greeting from localStorage', () => {
+      getGreeting('Alex');
+      clearGreetingCache();
+      expect(window.localStorage.removeItem).toHaveBeenCalledWith('micdrop_greeting');
+    });
+
+    it('handles localStorage errors gracefully', () => {
+      window.localStorage.removeItem.mockImplementation(() => {
+        throw new Error('localStorage error');
+      });
+
+      // Should not throw
+      expect(() => clearGreetingCache()).not.toThrow();
+    });
+  });
+
+  describe('greeting content', () => {
+    it('greeting always includes user name', () => {
+      for (let i = 0; i < 10; i++) {
+        clearGreetingCache();
+        const greeting = getGreeting('TestUser');
+        expect(greeting).toContain('TestUser');
+      }
+    });
+
+    it('handles names with special characters', () => {
+      const greeting = getGreeting("O'Brien");
+      expect(greeting).toContain("O'Brien");
+    });
+
+    it('handles names with numbers', () => {
+      const greeting = getGreeting('User123');
+      expect(greeting).toContain('User123');
+    });
+  });
+
+  describe('localStorage setItem error handling', () => {
+    it('handles localStorage setItem error gracefully', () => {
+      window.localStorage.setItem.mockImplementation(() => {
+        throw new Error('localStorage setItem error');
+      });
+
+      // Should not throw even when setItem fails
+      expect(() => getGreeting('Alex')).not.toThrow();
+      const greeting = getGreeting('Alex');
+      expect(greeting).toContain('Alex');
+    });
+  });
+
+  describe('SSR behavior', () => {
+    it('works without window (SSR simulation)', () => {
+      // The module checks typeof window === 'undefined' for SSR
+      // In JSDOM window exists, but we can test by checking that function works
+      const greeting = getGreeting('TestUser');
+      expect(typeof greeting).toBe('string');
+      expect(greeting).toContain('TestUser');
+    });
+  });
+
+  describe('time period coverage', () => {
+    // Test all time period branches by mocking Date
+    const RealDate = Date;
+
+    afterEach(() => {
+      global.Date = RealDate;
+    });
+
+    it('generates greeting for night period (21-24)', () => {
+      // Mock Date to return 22:00
+      global.Date = class extends RealDate {
+        constructor() {
+          super();
+          return new RealDate('2025-06-15T22:00:00');
+        }
+        getHours() { return 22; }
+        getDay() { return 0; }
+      };
+
+      clearGreetingCache();
+      const greeting = getGreeting('NightUser');
+      expect(greeting).toContain('NightUser');
+    });
+
+    it('generates greeting for late night period (0-5 AM)', () => {
+      // Mock Date to return 03:00
+      global.Date = class extends RealDate {
+        constructor() {
+          super();
+          return new RealDate('2025-06-15T03:00:00');
+        }
+        getHours() { return 3; }
+        getDay() { return 0; }
+      };
+
+      clearGreetingCache();
+      const greeting = getGreeting('LateNightUser');
+      expect(greeting).toContain('LateNightUser');
+    });
+
+    it('generates greeting for early morning period (5-7)', () => {
+      global.Date = class extends RealDate {
+        constructor() {
+          super();
+          return new RealDate('2025-06-15T06:00:00');
+        }
+        getHours() { return 6; }
+        getDay() { return 1; }
+      };
+
+      clearGreetingCache();
+      const greeting = getGreeting('EarlyUser');
+      expect(greeting).toContain('EarlyUser');
+    });
+
+    it('generates greeting for morning period (7-12)', () => {
+      global.Date = class extends RealDate {
+        constructor() {
+          super();
+          return new RealDate('2025-06-15T09:00:00');
+        }
+        getHours() { return 9; }
+        getDay() { return 2; }
+      };
+
+      clearGreetingCache();
+      const greeting = getGreeting('MorningUser');
+      expect(greeting).toContain('MorningUser');
+    });
+
+    it('generates greeting for afternoon period (12-17)', () => {
+      global.Date = class extends RealDate {
+        constructor() {
+          super();
+          return new RealDate('2025-06-15T14:00:00');
+        }
+        getHours() { return 14; }
+        getDay() { return 3; }
+      };
+
+      clearGreetingCache();
+      const greeting = getGreeting('AfternoonUser');
+      expect(greeting).toContain('AfternoonUser');
+    });
+
+    it('generates greeting for evening period (17-21)', () => {
+      global.Date = class extends RealDate {
+        constructor() {
+          super();
+          return new RealDate('2025-06-15T19:00:00');
+        }
+        getHours() { return 19; }
+        getDay() { return 4; }
+      };
+
+      clearGreetingCache();
+      const greeting = getGreeting('EveningUser');
+      expect(greeting).toContain('EveningUser');
+    });
+  });
+
+  describe('time-based greeting generation', () => {
+    it('generates consistent greeting with cached data for same period and day', () => {
+      // First call generates and caches
+      const greeting1 = getGreeting('Alex');
+
+      // Second call should return cached
+      const greeting2 = getGreeting('Alex');
+
+      expect(greeting1).toBe(greeting2);
+    });
+
+    it('generates greeting containing name for various scenarios', () => {
+      // Test with longer names
+      clearGreetingCache();
+      const longNameGreeting = getGreeting('AlexanderTheGreat');
+      expect(longNameGreeting).toContain('AlexanderTheGreat');
+
+      // Test with short names
+      clearGreetingCache();
+      const shortNameGreeting = getGreeting('Jo');
+      expect(shortNameGreeting).toContain('Jo');
+    });
+
+    it('respects cache when period and day match', () => {
+      const greeting1 = getGreeting('TestUser');
+
+      // Mock getting a valid cached value
+      const cachedValue = window.localStorage.store['micdrop_greeting'];
+      expect(cachedValue).toBeDefined();
+
+      // Parse to verify structure
+      const parsed = JSON.parse(cachedValue);
+      expect(parsed).toHaveProperty('greeting');
+      expect(parsed).toHaveProperty('period');
+      expect(parsed).toHaveProperty('day');
+      expect(parsed).toHaveProperty('cachedName');
+      expect(parsed.cachedName).toBe('TestUser');
+    });
+  });
+
+  describe('SSR mode', () => {
+    it('generates greeting without caching when window is undefined', async () => {
+      vi.resetModules();
+
+      // Save original window
+      const originalWindow = global.window;
+
+      // Delete window to simulate SSR
+      delete global.window;
+
+      // Re-import module in SSR context
+      const { getGreeting: ssrGetGreeting } = await import('./greetings.js');
+
+      // Should still generate a greeting
+      const greeting = ssrGetGreeting('TestUser');
+      expect(greeting).toBeDefined();
+      expect(typeof greeting).toBe('string');
+      expect(greeting).toContain('TestUser');
+
+      // Restore window
+      global.window = originalWindow;
+    });
+  });
+});