@getmicdrop/svelte-components 5.20.2 → 5.21.0

package/dist/utils/utils/utils.spec.js

@@ -1,698 +1,698 @@
-import { describe, test, expect, vi, beforeEach } from 'vitest';
-import {
-  cn,
-  convertToDate,
-  classNames,
-  truncateTitle,
-  convertToCustomDateFormat,
-  convertToCustomDateTimeFormat,
-  formatHour,
-  formattedDate,
-  formattedFullDate,
-  timeAgo,
-  formatDateTime,
-  formatTimeline,
-  formatTimeRange,
-  getDateRange,
-  getDay,
-  getMonth,
-  getDateOfMonth,
-  getRoleFromRoleOnStage,
-  formatEvent,
-  formatRosterEventPerformerInvite,
-  formatVenue,
-  capitalize
-} from './utils';
-
-describe('cn (classNames merge)', () => {
-  test('merges class names', () => {
-    expect(cn('bg-red-500', 'text-white')).toBe('bg-red-500 text-white');
-  });
-
-  test('handles empty inputs', () => {
-    expect(cn()).toBe('');
-  });
-
-  test('handles null/undefined', () => {
-    expect(cn(null, undefined, 'text-white')).toBe('text-white');
-  });
-
-  test('merges conflicting tailwind classes', () => {
-    // twMerge should handle conflicts
-    expect(cn('bg-red-500', 'bg-blue-500')).toBe('bg-blue-500');
-  });
-});
-
-describe('convertToDate', () => {
-  test('converts ISO string to date string', () => {
-    const result = convertToDate('2025-12-15T20:00:00');
-    expect(result).toContain('Dec');
-    expect(result).toContain('15');
-    expect(result).toContain('2025');
-  });
-
-  test('returns null for null input', () => {
-    expect(convertToDate(null)).toBeNull();
-  });
-
-  test('returns null for undefined input', () => {
-    expect(convertToDate(undefined)).toBeNull();
-  });
-
-  test('returns null for empty string', () => {
-    expect(convertToDate('')).toBeNull();
-  });
-});
-
-describe('classNames', () => {
-  test('joins class names', () => {
-    expect(classNames('foo', 'bar', 'baz')).toBe('foo bar baz');
-  });
-
-  test('filters out falsy values', () => {
-    expect(classNames('foo', null, 'bar', undefined, '', false, 'baz')).toBe('foo bar baz');
-  });
-
-  test('handles empty inputs', () => {
-    expect(classNames()).toBe('');
-  });
-
-  test('handles all falsy values', () => {
-    expect(classNames(null, false, undefined, '')).toBe('');
-  });
-});
-
-describe('truncateTitle', () => {
-  test('truncates long titles', () => {
-    expect(truncateTitle('This is a very long title', 10)).toBe('This is a ...');
-  });
-
-  test('does not truncate short titles', () => {
-    expect(truncateTitle('Short', 10)).toBe('Short');
-  });
-
-  test('handles exact length', () => {
-    expect(truncateTitle('ExactLength', 11)).toBe('ExactLength');
-  });
-
-  test('handles empty string', () => {
-    expect(truncateTitle('', 10)).toBe('');
-  });
-});
-
-describe('convertToCustomDateFormat', () => {
-  test('converts ISO string to Date object', () => {
-    const result = convertToCustomDateFormat('2025-12-15T20:00:00Z');
-    expect(result instanceof Date).toBe(true);
-    expect(result.getFullYear()).toBe(2025);
-    expect(result.getMonth()).toBe(11); // December is 11
-    expect(result.getDate()).toBe(15);
-  });
-});
-
-describe('convertToCustomDateTimeFormat', () => {
-  test('converts ISO string to UTC Date object', () => {
-    const result = convertToCustomDateTimeFormat('2025-12-15T20:30:00Z');
-    expect(result instanceof Date).toBe(true);
-    expect(result.getUTCFullYear()).toBe(2025);
-    expect(result.getUTCMonth()).toBe(11);
-    expect(result.getUTCDate()).toBe(15);
-    expect(result.getUTCHours()).toBe(20);
-    expect(result.getUTCMinutes()).toBe(30);
-  });
-});
-
-describe('formatHour', () => {
-  test('formats morning hour correctly', () => {
-    const result = formatHour('2025-12-15T08:30:00Z');
-    expect(result).toBe('8:30 AM');
-  });
-
-  test('formats afternoon hour correctly', () => {
-    const result = formatHour('2025-12-15T14:00:00Z');
-    expect(result).toBe('2:00 PM');
-  });
-
-  test('formats midnight correctly', () => {
-    const result = formatHour('2025-12-15T00:00:00Z');
-    expect(result).toBe('12:00 AM');
-  });
-
-  test('formats noon correctly', () => {
-    const result = formatHour('2025-12-15T12:00:00Z');
-    expect(result).toBe('12:00 PM');
-  });
-
-  test('pads single digit minutes', () => {
-    const result = formatHour('2025-12-15T08:05:00Z');
-    expect(result).toBe('8:05 AM');
-  });
-});
-
-describe('formattedDate', () => {
-  test('formats date with weekday, month, day', () => {
-    const result = formattedDate('2025-12-15');
-    // Should contain short weekday, short month, and day
-    expect(result).toMatch(/\w+,?\s+\w+\s+\d+/);
-  });
-});
-
-describe('formattedFullDate', () => {
-  test('formats full date with ordinal suffix', () => {
-    const result = formattedFullDate('2025-12-15');
-    // Should contain the ordinal suffix
-    expect(result).toMatch(/December/);
-    expect(result).toMatch(/2025/);
-  });
-
-  test('handles 1st correctly', () => {
-    const result = formattedFullDate('2025-12-01T12:00:00');
-    expect(result).toContain('1st');
-  });
-
-  test('handles 2nd correctly', () => {
-    const result = formattedFullDate('2025-12-02T12:00:00');
-    expect(result).toContain('2nd');
-  });
-
-  test('handles 3rd correctly', () => {
-    const result = formattedFullDate('2025-12-03T12:00:00');
-    expect(result).toContain('3rd');
-  });
-
-  test('handles 4th correctly', () => {
-    const result = formattedFullDate('2025-12-04T12:00:00');
-    expect(result).toContain('4th');
-  });
-
-  test('handles 11th correctly (special case)', () => {
-    const result = formattedFullDate('2025-12-11T12:00:00');
-    expect(result).toContain('11th');
-  });
-
-  test('handles 12th correctly (special case)', () => {
-    const result = formattedFullDate('2025-12-12T12:00:00');
-    expect(result).toContain('12th');
-  });
-
-  test('handles 13th correctly (special case)', () => {
-    const result = formattedFullDate('2025-12-13T12:00:00');
-    expect(result).toContain('13th');
-  });
-
-  test('handles 21st correctly', () => {
-    // Use a date with explicit time to avoid timezone issues
-    const result = formattedFullDate('2025-12-21T12:00:00');
-    expect(result).toContain('21st');
-  });
-
-  test('handles 22nd correctly', () => {
-    const result = formattedFullDate('2025-12-22T12:00:00');
-    expect(result).toContain('22nd');
-  });
-
-  test('handles 23rd correctly', () => {
-    const result = formattedFullDate('2025-12-23T12:00:00');
-    expect(result).toContain('23rd');
-  });
-});
-
-describe('timeAgo', () => {
-  test('handles recent times (less than a minute)', () => {
-    const now = new Date();
-    const result = timeAgo(now.toISOString());
-    expect(result).toMatch(/just now|second|ago/i);
-  });
-
-  test('handles minutes ago', () => {
-    const fiveMinutesAgo = new Date(Date.now() - 5 * 60 * 1000);
-    const result = timeAgo(fiveMinutesAgo.toISOString());
-    expect(result).toMatch(/minute|ago/i);
-  });
-
-  test('handles hours ago', () => {
-    const twoHoursAgo = new Date(Date.now() - 2 * 60 * 60 * 1000);
-    const result = timeAgo(twoHoursAgo.toISOString());
-    expect(result).toMatch(/hour|ago/i);
-  });
-
-  test('handles days ago', () => {
-    const twoDaysAgo = new Date(Date.now() - 2 * 24 * 60 * 60 * 1000);
-    const result = timeAgo(twoDaysAgo.toISOString());
-    expect(result).toMatch(/day|ago/i);
-  });
-
-  test('handles 14 days ago', () => {
-    const twoWeeksAgo = new Date(Date.now() - 14 * 24 * 60 * 60 * 1000);
-    const result = timeAgo(twoWeeksAgo.toISOString());
-    // Could be days or weeks depending on implementation
-    expect(result).toMatch(/day|week|ago/i);
-  });
-
-  test('handles months ago', () => {
-    const twoMonthsAgo = new Date(Date.now() - 60 * 24 * 60 * 60 * 1000);
-    const result = timeAgo(twoMonthsAgo.toISOString());
-    expect(result).toMatch(/month|day|ago/i);
-  });
-
-  test('handles years ago', () => {
-    const twoYearsAgo = new Date(Date.now() - 2 * 365 * 24 * 60 * 60 * 1000);
-    const result = timeAgo(twoYearsAgo.toISOString());
-    expect(result).toMatch(/year|ago/i);
-  });
-
-  test('handles 1 second ago', () => {
-    const oneSecondAgo = new Date(Date.now() - 1000);
-    const result = timeAgo(oneSecondAgo.toISOString());
-    expect(result).toMatch(/1 second/);
-  });
-
-  test('handles 1 minute ago', () => {
-    const oneMinuteAgo = new Date(Date.now() - 60 * 1000);
-    const result = timeAgo(oneMinuteAgo.toISOString());
-    expect(result).toMatch(/1 minute/);
-  });
-
-  test('handles 1 hour ago', () => {
-    const oneHourAgo = new Date(Date.now() - 60 * 60 * 1000);
-    const result = timeAgo(oneHourAgo.toISOString());
-    expect(result).toMatch(/1 hour/);
-  });
-
-  test('handles 1 day ago', () => {
-    const oneDayAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);
-    const result = timeAgo(oneDayAgo.toISOString());
-    expect(result).toMatch(/1 day/);
-  });
-
-  test('handles 1 month ago', () => {
-    const oneMonthAgo = new Date(Date.now() - 32 * 24 * 60 * 60 * 1000);
-    const result = timeAgo(oneMonthAgo.toISOString());
-    expect(result).toMatch(/1 month/);
-  });
-
-  test('handles 1 year ago', () => {
-    const oneYearAgo = new Date(Date.now() - 400 * 24 * 60 * 60 * 1000);
-    const result = timeAgo(oneYearAgo.toISOString());
-    expect(result).toMatch(/1 year/);
-  });
-});
-
-describe('formatDateTime', () => {
-  test('formats date time string with timezone', () => {
-    const result = formatDateTime('2025-12-15T20:00:00Z');
-    expect(result).toContain('Dec');
-    expect(result).toContain('15');
-    expect(result).toContain('2025');
-  });
-
-  test('formats with custom timezone', () => {
-    const result = formatDateTime('2025-12-15T20:00:00Z', 'America/New_York');
-    expect(result).toContain('Dec');
-  });
-
-  test('formats with default UTC timezone', () => {
-    const result = formatDateTime('2025-12-15T20:00:00Z');
-    expect(result).toContain('PM');
-  });
-});
-
-describe('formatTimeline', () => {
-  test('formats start time correctly', () => {
-    const result = formatTimeline('2025-12-15T20:00:00Z');
-    expect(result).toContain('8:00 PM');
-  });
-
-  test('formats morning time correctly', () => {
-    const result = formatTimeline('2025-12-15T08:30:00Z');
-    expect(result).toContain('8:30 AM');
-  });
-
-  test('formats midnight correctly', () => {
-    const result = formatTimeline('2025-12-15T00:00:00Z');
-    expect(result).toContain('12:00 AM');
-  });
-});
-
-describe('formatTimeRange', () => {
-  test('formats time range correctly', () => {
-    const result = formatTimeRange('2025-12-15T20:00:00Z', '2025-12-15T22:00:00Z');
-    expect(result).toBe('8:00 PM - 10:00 PM');
-  });
-
-  test('handles different periods', () => {
-    const result = formatTimeRange('2025-12-15T10:00:00Z', '2025-12-15T14:00:00Z');
-    expect(result).toBe('10:00 AM - 2:00 PM');
-  });
-
-  test('handles midnight start', () => {
-    const result = formatTimeRange('2025-12-15T00:00:00Z', '2025-12-15T02:00:00Z');
-    expect(result).toBe('12:00 AM - 2:00 AM');
-  });
-});
-
-describe('getDateRange', () => {
-  test('returns array of dates between start and end', () => {
-    const result = getDateRange('2025-12-15T00:00:00Z', '2025-12-17T00:00:00Z');
-    expect(result.length).toBe(3);
-    expect(result[0]).toBe('2025-12-15');
-    expect(result[1]).toBe('2025-12-16');
-    expect(result[2]).toBe('2025-12-17');
-  });
-
-  test('returns single date for same start/end', () => {
-    const result = getDateRange('2025-12-15T00:00:00Z', '2025-12-15T00:00:00Z');
-    expect(result.length).toBe(1);
-    expect(result[0]).toBe('2025-12-15');
-  });
-
-  test('handles month boundary', () => {
-    const result = getDateRange('2025-12-30T00:00:00Z', '2026-01-02T00:00:00Z');
-    expect(result.length).toBe(4);
-  });
-});
-
-describe('getDay', () => {
-  test('returns correct day of week', () => {
-    // December 15, 2025 is a Monday
-    const result = getDay('2025-12-15T00:00:00Z');
-    expect(result).toBe('Mon');
-  });
-
-  test('handles Sunday', () => {
-    // December 14, 2025 is a Sunday
-    const result = getDay('2025-12-14T00:00:00Z');
-    expect(result).toBe('Sun');
-  });
-
-  test('handles Saturday', () => {
-    // December 13, 2025 is a Saturday
-    const result = getDay('2025-12-13T00:00:00Z');
-    expect(result).toBe('Sat');
-  });
-});
-
-describe('getMonth', () => {
-  test('returns correct month abbreviation', () => {
-    const result = getMonth('2025-12-15T00:00:00Z');
-    expect(result).toBe('Dec');
-  });
-
-  test('handles January', () => {
-    const result = getMonth('2025-01-15T00:00:00Z');
-    expect(result).toBe('Jan');
-  });
-
-  test('handles June', () => {
-    const result = getMonth('2025-06-15T00:00:00Z');
-    expect(result).toBe('Jun');
-  });
-});
-
-describe('getDateOfMonth', () => {
-  test('returns correct date of month', () => {
-    const result = getDateOfMonth('2025-12-15T00:00:00Z');
-    expect(result).toBe(15);
-  });
-
-  test('handles first of month', () => {
-    const result = getDateOfMonth('2025-12-01T00:00:00Z');
-    expect(result).toBe(1);
-  });
-
-  test('handles end of month', () => {
-    const result = getDateOfMonth('2025-12-31T00:00:00Z');
-    expect(result).toBe(31);
-  });
-});
-
-describe('getRoleFromRoleOnStage', () => {
-  test('returns Performer for 0', () => {
-    expect(getRoleFromRoleOnStage(0)).toBe('Performer');
-  });
-
-  test('returns Host for 1', () => {
-    expect(getRoleFromRoleOnStage(1)).toBe('Host');
-  });
-
-  test('returns Headliner for 2', () => {
-    expect(getRoleFromRoleOnStage(2)).toBe('Headliner');
-  });
-
-  test('returns Feature for 3', () => {
-    expect(getRoleFromRoleOnStage(3)).toBe('Feature');
-  });
-
-  test('returns Special Guest for 4', () => {
-    expect(getRoleFromRoleOnStage(4)).toBe('Special Guest');
-  });
-
-  test('returns Opener for 5', () => {
-    expect(getRoleFromRoleOnStage(5)).toBe('Opener');
-  });
-
-  test('returns Guest for 6', () => {
-    expect(getRoleFromRoleOnStage(6)).toBe('Guest');
-  });
-
-  test('returns Teacher for 7', () => {
-    expect(getRoleFromRoleOnStage(7)).toBe('Teacher');
-  });
-
-  test('returns Assistant for 8', () => {
-    expect(getRoleFromRoleOnStage(8)).toBe('Assistant');
-  });
-
-  test('returns Performer for unknown value', () => {
-    expect(getRoleFromRoleOnStage(99)).toBe('Performer');
-  });
-
-  test('returns Performer for undefined', () => {
-    expect(getRoleFromRoleOnStage(undefined)).toBe('Performer');
-  });
-});
-
-describe('formatEvent', () => {
-  const mockEvent = {
-    Event: {
-      ID: 123,
-      title: 'Comedy Night',
-      startDateTime: '2025-12-15T20:00:00Z',
-      doorsOpenTime: '2025-12-15T19:00:00Z',
-      image: 'image.jpg',
-      stage: {
-        name: 'Main Room'
-      },
-      venue: {
-        ID: 456,
-        name: 'The Laugh Factory',
-        address: '123 Comedy St',
-        booking_notification: 'Please arrive early'
-      }
-    },
-    roleOnStage: 2,
-    acceptedState: 1,
-    setLength: 15,
-    invitationId: 789,
-    UpdatedAt: '2025-12-10T10:00:00Z'
-  };
-
-  test('formats event correctly', () => {
-    const result = formatEvent(mockEvent);
-    expect(result.eventId).toBe(123);
-    expect(result.venueId).toBe(456);
-    expect(result.title).toBe('Comedy Night');
-    expect(result.role).toBe('Headliner');
-    expect(result.venueName).toBe('The Laugh Factory');
-    expect(result.location).toBe('123 Comedy St');
-  });
-
-  test('handles missing stage name', () => {
-    const eventWithoutStage = {
-      ...mockEvent,
-      Event: {
-        ...mockEvent.Event,
-        stage: null,
-        googleName: 'Google Stage'
-      }
-    };
-    const result = formatEvent(eventWithoutStage);
-    expect(result.details.stageName).toBe('Google Stage');
-  });
-
-  test('handles stage with googleName only', () => {
-    const eventWithGoogleName = {
-      ...mockEvent,
-      Event: {
-        ...mockEvent.Event,
-        stage: { googleName: 'Google Named Stage' }
-      }
-    };
-    const result = formatEvent(eventWithGoogleName);
-    expect(result.details.stageName).toBe('Google Named Stage');
-  });
-
-  test('handles missing venue address', () => {
-    const eventWithoutAddress = {
-      ...mockEvent,
-      Event: {
-        ...mockEvent.Event,
-        venue: {
-          ...mockEvent.Event.venue,
-          address: undefined
-        }
-      }
-    };
-    const result = formatEvent(eventWithoutAddress);
-    expect(result.location).toBe('');
-  });
-
-  test('handles missing booking notification', () => {
-    const eventWithoutBookingNotification = {
-      ...mockEvent,
-      Event: {
-        ...mockEvent.Event,
-        venue: {
-          ...mockEvent.Event.venue,
-          booking_notification: undefined
-        }
-      }
-    };
-    const result = formatEvent(eventWithoutBookingNotification);
-    expect(result.details.eventDetails).toBe('No additional details available.');
-  });
-});
-
-describe('formatRosterEventPerformerInvite', () => {
-  beforeEach(() => {
-    vi.spyOn(console, 'log').mockImplementation(() => {});
-  });
-
-  const mockRosterEvent = {
-    venueId: 456,
-    role: 'Performer',
-    acceptedState: 2,
-    invitationId: 789,
-    UpdatedAt: '2025-12-10T10:00:00Z',
-    Venue: {
-      name: 'The Laugh Factory',
-      firstName: 'John',
-      lastName: 'Doe',
-      role: 'Manager',
-      address: '123 Comedy St',
-      image: 'image.jpg'
-    }
-  };
-
-  test('formats roster event correctly', () => {
-    const result = formatRosterEventPerformerInvite(mockRosterEvent);
-    expect(result.venueId).toBe(456);
-    expect(result.name).toBe('The Laugh Factory');
-    expect(result.shortVenue).toBe('John Doe - Manager');
-    expect(result.location).toBe('123 Comedy St');
-    expect(result.invitationAccepted).toBe(true);
-  });
-
-  test('handles non-accepted invitation', () => {
-    const notAccepted = {
-      ...mockRosterEvent,
-      acceptedState: 1
-    };
-    const result = formatRosterEventPerformerInvite(notAccepted);
-    expect(result.invitationAccepted).toBe(false);
-  });
-
-  test('defaults role to Performer when undefined', () => {
-    const noRole = {
-      ...mockRosterEvent,
-      role: undefined
-    };
-    const result = formatRosterEventPerformerInvite(noRole);
-    expect(result.role).toBe('Performer');
-  });
-});
-
-describe('formatVenue', () => {
-  const mockEvent = {
-    Event: {
-      venueId: 456,
-      startDateTime: '2025-12-15T20:00:00Z',
-      endDateTime: '2025-12-15T23:00:00Z',
-      doorsOpenTime: '2025-12-15T19:00:00Z',
-      venue: {
-        name: 'The Laugh Factory',
-        address: '123 Comedy St',
-        image: 'image.jpg',
-        squareImageUrl: 'square-image.jpg',
-        email: 'info@laughfactory.com',
-        phone: '555-1234',
-        description: 'A comedy venue',
-        instagram: '@laughfactory',
-        facebook: 'laughfactory',
-        twitter: '@laughfactory'
-      }
-    },
-    UpdatedAt: '2025-12-10T10:00:00Z'
-  };
-
-  test('formats venue correctly', () => {
-    const result = formatVenue(mockEvent);
-    expect(result.venueId).toBe(456);
-    expect(result.name).toBe('The Laugh Factory');
-    expect(result.location).toBe('123 Comedy St');
-    expect(result.email).toBe('info@laughfactory.com');
-    expect(result.phone).toBe('555-1234');
-    expect(result.description).toBe('A comedy venue');
-    expect(result.instagram).toBe('@laughfactory');
-    expect(result.facebook).toBe('laughfactory');
-    expect(result.twitter).toBe('@laughfactory');
-  });
-
-  test('uses squareImageUrl when available', () => {
-    const result = formatVenue(mockEvent);
-    expect(result.image).toBe('square-image.jpg');
-  });
-
-  test('falls back to image when squareImageUrl not available', () => {
-    const eventWithoutSquareImage = {
-      ...mockEvent,
-      Event: {
-        ...mockEvent.Event,
-        venue: {
-          ...mockEvent.Event.venue,
-          squareImageUrl: undefined
-        }
-      }
-    };
-    const result = formatVenue(eventWithoutSquareImage);
-    expect(result.image).toBe('image.jpg');
-  });
-
-  test('includes formatted time range', () => {
-    const result = formatVenue(mockEvent);
-    expect(result.timeRange).toBe('8:00 PM - 11:00 PM');
-  });
-
-  test('includes date range array', () => {
-    const result = formatVenue(mockEvent);
-    expect(result.dateRange).toContain('2025-12-15');
-  });
-});
-
-describe('capitalize', () => {
-  test('capitalizes first letter', () => {
-    expect(capitalize('hello')).toBe('Hello');
-  });
-
-  test('lowercases rest of word', () => {
-    expect(capitalize('HELLO')).toBe('Hello');
-  });
-
-  test('handles single character', () => {
-    expect(capitalize('h')).toBe('H');
-  });
-
-  test('handles mixed case', () => {
-    expect(capitalize('hELLO')).toBe('Hello');
-  });
-});
+import { describe, test, expect, vi, beforeEach } from 'vitest';
+import {
+  cn,
+  convertToDate,
+  classNames,
+  truncateTitle,
+  convertToCustomDateFormat,
+  convertToCustomDateTimeFormat,
+  formatHour,
+  formattedDate,
+  formattedFullDate,
+  timeAgo,
+  formatDateTime,
+  formatTimeline,
+  formatTimeRange,
+  getDateRange,
+  getDay,
+  getMonth,
+  getDateOfMonth,
+  getRoleFromRoleOnStage,
+  formatEvent,
+  formatRosterEventPerformerInvite,
+  formatVenue,
+  capitalize
+} from './utils';
+
+describe('cn (classNames merge)', () => {
+  test('merges class names', () => {
+    expect(cn('bg-red-500', 'text-white')).toBe('bg-red-500 text-white');
+  });
+
+  test('handles empty inputs', () => {
+    expect(cn()).toBe('');
+  });
+
+  test('handles null/undefined', () => {
+    expect(cn(null, undefined, 'text-white')).toBe('text-white');
+  });
+
+  test('merges conflicting tailwind classes', () => {
+    // twMerge should handle conflicts
+    expect(cn('bg-red-500', 'bg-blue-500')).toBe('bg-blue-500');
+  });
+});
+
+describe('convertToDate', () => {
+  test('converts ISO string to date string', () => {
+    const result = convertToDate('2025-12-15T20:00:00');
+    expect(result).toContain('Dec');
+    expect(result).toContain('15');
+    expect(result).toContain('2025');
+  });
+
+  test('returns null for null input', () => {
+    expect(convertToDate(null)).toBeNull();
+  });
+
+  test('returns null for undefined input', () => {
+    expect(convertToDate(undefined)).toBeNull();
+  });
+
+  test('returns null for empty string', () => {
+    expect(convertToDate('')).toBeNull();
+  });
+});
+
+describe('classNames', () => {
+  test('joins class names', () => {
+    expect(classNames('foo', 'bar', 'baz')).toBe('foo bar baz');
+  });
+
+  test('filters out falsy values', () => {
+    expect(classNames('foo', null, 'bar', undefined, '', false, 'baz')).toBe('foo bar baz');
+  });
+
+  test('handles empty inputs', () => {
+    expect(classNames()).toBe('');
+  });
+
+  test('handles all falsy values', () => {
+    expect(classNames(null, false, undefined, '')).toBe('');
+  });
+});
+
+describe('truncateTitle', () => {
+  test('truncates long titles', () => {
+    expect(truncateTitle('This is a very long title', 10)).toBe('This is a ...');
+  });
+
+  test('does not truncate short titles', () => {
+    expect(truncateTitle('Short', 10)).toBe('Short');
+  });
+
+  test('handles exact length', () => {
+    expect(truncateTitle('ExactLength', 11)).toBe('ExactLength');
+  });
+
+  test('handles empty string', () => {
+    expect(truncateTitle('', 10)).toBe('');
+  });
+});
+
+describe('convertToCustomDateFormat', () => {
+  test('converts ISO string to Date object', () => {
+    const result = convertToCustomDateFormat('2025-12-15T20:00:00Z');
+    expect(result instanceof Date).toBe(true);
+    expect(result.getFullYear()).toBe(2025);
+    expect(result.getMonth()).toBe(11); // December is 11
+    expect(result.getDate()).toBe(15);
+  });
+});
+
+describe('convertToCustomDateTimeFormat', () => {
+  test('converts ISO string to UTC Date object', () => {
+    const result = convertToCustomDateTimeFormat('2025-12-15T20:30:00Z');
+    expect(result instanceof Date).toBe(true);
+    expect(result.getUTCFullYear()).toBe(2025);
+    expect(result.getUTCMonth()).toBe(11);
+    expect(result.getUTCDate()).toBe(15);
+    expect(result.getUTCHours()).toBe(20);
+    expect(result.getUTCMinutes()).toBe(30);
+  });
+});
+
+describe('formatHour', () => {
+  test('formats morning hour correctly', () => {
+    const result = formatHour('2025-12-15T08:30:00Z');
+    expect(result).toBe('8:30 AM');
+  });
+
+  test('formats afternoon hour correctly', () => {
+    const result = formatHour('2025-12-15T14:00:00Z');
+    expect(result).toBe('2:00 PM');
+  });
+
+  test('formats midnight correctly', () => {
+    const result = formatHour('2025-12-15T00:00:00Z');
+    expect(result).toBe('12:00 AM');
+  });
+
+  test('formats noon correctly', () => {
+    const result = formatHour('2025-12-15T12:00:00Z');
+    expect(result).toBe('12:00 PM');
+  });
+
+  test('pads single digit minutes', () => {
+    const result = formatHour('2025-12-15T08:05:00Z');
+    expect(result).toBe('8:05 AM');
+  });
+});
+
+describe('formattedDate', () => {
+  test('formats date with weekday, month, day', () => {
+    const result = formattedDate('2025-12-15');
+    // Should contain short weekday, short month, and day
+    expect(result).toMatch(/\w+,?\s+\w+\s+\d+/);
+  });
+});
+
+describe('formattedFullDate', () => {
+  test('formats full date with ordinal suffix', () => {
+    const result = formattedFullDate('2025-12-15');
+    // Should contain the ordinal suffix
+    expect(result).toMatch(/December/);
+    expect(result).toMatch(/2025/);
+  });
+
+  test('handles 1st correctly', () => {
+    const result = formattedFullDate('2025-12-01T12:00:00');
+    expect(result).toContain('1st');
+  });
+
+  test('handles 2nd correctly', () => {
+    const result = formattedFullDate('2025-12-02T12:00:00');
+    expect(result).toContain('2nd');
+  });
+
+  test('handles 3rd correctly', () => {
+    const result = formattedFullDate('2025-12-03T12:00:00');
+    expect(result).toContain('3rd');
+  });
+
+  test('handles 4th correctly', () => {
+    const result = formattedFullDate('2025-12-04T12:00:00');
+    expect(result).toContain('4th');
+  });
+
+  test('handles 11th correctly (special case)', () => {
+    const result = formattedFullDate('2025-12-11T12:00:00');
+    expect(result).toContain('11th');
+  });
+
+  test('handles 12th correctly (special case)', () => {
+    const result = formattedFullDate('2025-12-12T12:00:00');
+    expect(result).toContain('12th');
+  });
+
+  test('handles 13th correctly (special case)', () => {
+    const result = formattedFullDate('2025-12-13T12:00:00');
+    expect(result).toContain('13th');
+  });
+
+  test('handles 21st correctly', () => {
+    // Use a date with explicit time to avoid timezone issues
+    const result = formattedFullDate('2025-12-21T12:00:00');
+    expect(result).toContain('21st');
+  });
+
+  test('handles 22nd correctly', () => {
+    const result = formattedFullDate('2025-12-22T12:00:00');
+    expect(result).toContain('22nd');
+  });
+
+  test('handles 23rd correctly', () => {
+    const result = formattedFullDate('2025-12-23T12:00:00');
+    expect(result).toContain('23rd');
+  });
+});
+
+describe('timeAgo', () => {
+  test('handles recent times (less than a minute)', () => {
+    const now = new Date();
+    const result = timeAgo(now.toISOString());
+    expect(result).toMatch(/just now|second|ago/i);
+  });
+
+  test('handles minutes ago', () => {
+    const fiveMinutesAgo = new Date(Date.now() - 5 * 60 * 1000);
+    const result = timeAgo(fiveMinutesAgo.toISOString());
+    expect(result).toMatch(/minute|ago/i);
+  });
+
+  test('handles hours ago', () => {
+    const twoHoursAgo = new Date(Date.now() - 2 * 60 * 60 * 1000);
+    const result = timeAgo(twoHoursAgo.toISOString());
+    expect(result).toMatch(/hour|ago/i);
+  });
+
+  test('handles days ago', () => {
+    const twoDaysAgo = new Date(Date.now() - 2 * 24 * 60 * 60 * 1000);
+    const result = timeAgo(twoDaysAgo.toISOString());
+    expect(result).toMatch(/day|ago/i);
+  });
+
+  test('handles 14 days ago', () => {
+    const twoWeeksAgo = new Date(Date.now() - 14 * 24 * 60 * 60 * 1000);
+    const result = timeAgo(twoWeeksAgo.toISOString());
+    // Could be days or weeks depending on implementation
+    expect(result).toMatch(/day|week|ago/i);
+  });
+
+  test('handles months ago', () => {
+    const twoMonthsAgo = new Date(Date.now() - 60 * 24 * 60 * 60 * 1000);
+    const result = timeAgo(twoMonthsAgo.toISOString());
+    expect(result).toMatch(/month|day|ago/i);
+  });
+
+  test('handles years ago', () => {
+    const twoYearsAgo = new Date(Date.now() - 2 * 365 * 24 * 60 * 60 * 1000);
+    const result = timeAgo(twoYearsAgo.toISOString());
+    expect(result).toMatch(/year|ago/i);
+  });
+
+  test('handles 1 second ago', () => {
+    const oneSecondAgo = new Date(Date.now() - 1000);
+    const result = timeAgo(oneSecondAgo.toISOString());
+    expect(result).toMatch(/1 second/);
+  });
+
+  test('handles 1 minute ago', () => {
+    const oneMinuteAgo = new Date(Date.now() - 60 * 1000);
+    const result = timeAgo(oneMinuteAgo.toISOString());
+    expect(result).toMatch(/1 minute/);
+  });
+
+  test('handles 1 hour ago', () => {
+    const oneHourAgo = new Date(Date.now() - 60 * 60 * 1000);
+    const result = timeAgo(oneHourAgo.toISOString());
+    expect(result).toMatch(/1 hour/);
+  });
+
+  test('handles 1 day ago', () => {
+    const oneDayAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);
+    const result = timeAgo(oneDayAgo.toISOString());
+    expect(result).toMatch(/1 day/);
+  });
+
+  test('handles 1 month ago', () => {
+    const oneMonthAgo = new Date(Date.now() - 32 * 24 * 60 * 60 * 1000);
+    const result = timeAgo(oneMonthAgo.toISOString());
+    expect(result).toMatch(/1 month/);
+  });
+
+  test('handles 1 year ago', () => {
+    const oneYearAgo = new Date(Date.now() - 400 * 24 * 60 * 60 * 1000);
+    const result = timeAgo(oneYearAgo.toISOString());
+    expect(result).toMatch(/1 year/);
+  });
+});
+
+describe('formatDateTime', () => {
+  test('formats date time string with timezone', () => {
+    const result = formatDateTime('2025-12-15T20:00:00Z');
+    expect(result).toContain('Dec');
+    expect(result).toContain('15');
+    expect(result).toContain('2025');
+  });
+
+  test('formats with custom timezone', () => {
+    const result = formatDateTime('2025-12-15T20:00:00Z', 'America/New_York');
+    expect(result).toContain('Dec');
+  });
+
+  test('formats with default UTC timezone', () => {
+    const result = formatDateTime('2025-12-15T20:00:00Z');
+    expect(result).toContain('PM');
+  });
+});
+
+describe('formatTimeline', () => {
+  test('formats start time correctly', () => {
+    const result = formatTimeline('2025-12-15T20:00:00Z');
+    expect(result).toContain('8:00 PM');
+  });
+
+  test('formats morning time correctly', () => {
+    const result = formatTimeline('2025-12-15T08:30:00Z');
+    expect(result).toContain('8:30 AM');
+  });
+
+  test('formats midnight correctly', () => {
+    const result = formatTimeline('2025-12-15T00:00:00Z');
+    expect(result).toContain('12:00 AM');
+  });
+});
+
+describe('formatTimeRange', () => {
+  test('formats time range correctly', () => {
+    const result = formatTimeRange('2025-12-15T20:00:00Z', '2025-12-15T22:00:00Z');
+    expect(result).toBe('8:00 PM - 10:00 PM');
+  });
+
+  test('handles different periods', () => {
+    const result = formatTimeRange('2025-12-15T10:00:00Z', '2025-12-15T14:00:00Z');
+    expect(result).toBe('10:00 AM - 2:00 PM');
+  });
+
+  test('handles midnight start', () => {
+    const result = formatTimeRange('2025-12-15T00:00:00Z', '2025-12-15T02:00:00Z');
+    expect(result).toBe('12:00 AM - 2:00 AM');
+  });
+});
+
+describe('getDateRange', () => {
+  test('returns array of dates between start and end', () => {
+    const result = getDateRange('2025-12-15T00:00:00Z', '2025-12-17T00:00:00Z');
+    expect(result.length).toBe(3);
+    expect(result[0]).toBe('2025-12-15');
+    expect(result[1]).toBe('2025-12-16');
+    expect(result[2]).toBe('2025-12-17');
+  });
+
+  test('returns single date for same start/end', () => {
+    const result = getDateRange('2025-12-15T00:00:00Z', '2025-12-15T00:00:00Z');
+    expect(result.length).toBe(1);
+    expect(result[0]).toBe('2025-12-15');
+  });
+
+  test('handles month boundary', () => {
+    const result = getDateRange('2025-12-30T00:00:00Z', '2026-01-02T00:00:00Z');
+    expect(result.length).toBe(4);
+  });
+});
+
+describe('getDay', () => {
+  test('returns correct day of week', () => {
+    // December 15, 2025 is a Monday
+    const result = getDay('2025-12-15T00:00:00Z');
+    expect(result).toBe('Mon');
+  });
+
+  test('handles Sunday', () => {
+    // December 14, 2025 is a Sunday
+    const result = getDay('2025-12-14T00:00:00Z');
+    expect(result).toBe('Sun');
+  });
+
+  test('handles Saturday', () => {
+    // December 13, 2025 is a Saturday
+    const result = getDay('2025-12-13T00:00:00Z');
+    expect(result).toBe('Sat');
+  });
+});
+
+describe('getMonth', () => {
+  test('returns correct month abbreviation', () => {
+    const result = getMonth('2025-12-15T00:00:00Z');
+    expect(result).toBe('Dec');
+  });
+
+  test('handles January', () => {
+    const result = getMonth('2025-01-15T00:00:00Z');
+    expect(result).toBe('Jan');
+  });
+
+  test('handles June', () => {
+    const result = getMonth('2025-06-15T00:00:00Z');
+    expect(result).toBe('Jun');
+  });
+});
+
+describe('getDateOfMonth', () => {
+  test('returns correct date of month', () => {
+    const result = getDateOfMonth('2025-12-15T00:00:00Z');
+    expect(result).toBe(15);
+  });
+
+  test('handles first of month', () => {
+    const result = getDateOfMonth('2025-12-01T00:00:00Z');
+    expect(result).toBe(1);
+  });
+
+  test('handles end of month', () => {
+    const result = getDateOfMonth('2025-12-31T00:00:00Z');
+    expect(result).toBe(31);
+  });
+});
+
+describe('getRoleFromRoleOnStage', () => {
+  test('returns Performer for 0', () => {
+    expect(getRoleFromRoleOnStage(0)).toBe('Performer');
+  });
+
+  test('returns Host for 1', () => {
+    expect(getRoleFromRoleOnStage(1)).toBe('Host');
+  });
+
+  test('returns Headliner for 2', () => {
+    expect(getRoleFromRoleOnStage(2)).toBe('Headliner');
+  });
+
+  test('returns Feature for 3', () => {
+    expect(getRoleFromRoleOnStage(3)).toBe('Feature');
+  });
+
+  test('returns Special Guest for 4', () => {
+    expect(getRoleFromRoleOnStage(4)).toBe('Special Guest');
+  });
+
+  test('returns Opener for 5', () => {
+    expect(getRoleFromRoleOnStage(5)).toBe('Opener');
+  });
+
+  test('returns Guest for 6', () => {
+    expect(getRoleFromRoleOnStage(6)).toBe('Guest');
+  });
+
+  test('returns Teacher for 7', () => {
+    expect(getRoleFromRoleOnStage(7)).toBe('Teacher');
+  });
+
+  test('returns Assistant for 8', () => {
+    expect(getRoleFromRoleOnStage(8)).toBe('Assistant');
+  });
+
+  test('returns Performer for unknown value', () => {
+    expect(getRoleFromRoleOnStage(99)).toBe('Performer');
+  });
+
+  test('returns Performer for undefined', () => {
+    expect(getRoleFromRoleOnStage(undefined)).toBe('Performer');
+  });
+});
+
+describe('formatEvent', () => {
+  const mockEvent = {
+    Event: {
+      ID: 123,
+      title: 'Comedy Night',
+      startDateTime: '2025-12-15T20:00:00Z',
+      doorsOpenTime: '2025-12-15T19:00:00Z',
+      image: 'image.jpg',
+      stage: {
+        name: 'Main Room'
+      },
+      venue: {
+        ID: 456,
+        name: 'The Laugh Factory',
+        address: '123 Comedy St',
+        booking_notification: 'Please arrive early'
+      }
+    },
+    roleOnStage: 2,
+    acceptedState: 1,
+    setLength: 15,
+    invitationId: 789,
+    UpdatedAt: '2025-12-10T10:00:00Z'
+  };
+
+  test('formats event correctly', () => {
+    const result = formatEvent(mockEvent);
+    expect(result.eventId).toBe(123);
+    expect(result.venueId).toBe(456);
+    expect(result.title).toBe('Comedy Night');
+    expect(result.role).toBe('Headliner');
+    expect(result.venueName).toBe('The Laugh Factory');
+    expect(result.location).toBe('123 Comedy St');
+  });
+
+  test('handles missing stage name', () => {
+    const eventWithoutStage = {
+      ...mockEvent,
+      Event: {
+        ...mockEvent.Event,
+        stage: null,
+        googleName: 'Google Stage'
+      }
+    };
+    const result = formatEvent(eventWithoutStage);
+    expect(result.details.stageName).toBe('Google Stage');
+  });
+
+  test('handles stage with googleName only', () => {
+    const eventWithGoogleName = {
+      ...mockEvent,
+      Event: {
+        ...mockEvent.Event,
+        stage: { googleName: 'Google Named Stage' }
+      }
+    };
+    const result = formatEvent(eventWithGoogleName);
+    expect(result.details.stageName).toBe('Google Named Stage');
+  });
+
+  test('handles missing venue address', () => {
+    const eventWithoutAddress = {
+      ...mockEvent,
+      Event: {
+        ...mockEvent.Event,
+        venue: {
+          ...mockEvent.Event.venue,
+          address: undefined
+        }
+      }
+    };
+    const result = formatEvent(eventWithoutAddress);
+    expect(result.location).toBe('');
+  });
+
+  test('handles missing booking notification', () => {
+    const eventWithoutBookingNotification = {
+      ...mockEvent,
+      Event: {
+        ...mockEvent.Event,
+        venue: {
+          ...mockEvent.Event.venue,
+          booking_notification: undefined
+        }
+      }
+    };
+    const result = formatEvent(eventWithoutBookingNotification);
+    expect(result.details.eventDetails).toBe('No additional details available.');
+  });
+});
+
+describe('formatRosterEventPerformerInvite', () => {
+  beforeEach(() => {
+    vi.spyOn(console, 'log').mockImplementation(() => {});
+  });
+
+  const mockRosterEvent = {
+    venueId: 456,
+    role: 'Performer',
+    acceptedState: 2,
+    invitationId: 789,
+    UpdatedAt: '2025-12-10T10:00:00Z',
+    Venue: {
+      name: 'The Laugh Factory',
+      firstName: 'John',
+      lastName: 'Doe',
+      role: 'Manager',
+      address: '123 Comedy St',
+      image: 'image.jpg'
+    }
+  };
+
+  test('formats roster event correctly', () => {
+    const result = formatRosterEventPerformerInvite(mockRosterEvent);
+    expect(result.venueId).toBe(456);
+    expect(result.name).toBe('The Laugh Factory');
+    expect(result.shortVenue).toBe('John Doe - Manager');
+    expect(result.location).toBe('123 Comedy St');
+    expect(result.invitationAccepted).toBe(true);
+  });
+
+  test('handles non-accepted invitation', () => {
+    const notAccepted = {
+      ...mockRosterEvent,
+      acceptedState: 1
+    };
+    const result = formatRosterEventPerformerInvite(notAccepted);
+    expect(result.invitationAccepted).toBe(false);
+  });
+
+  test('defaults role to Performer when undefined', () => {
+    const noRole = {
+      ...mockRosterEvent,
+      role: undefined
+    };
+    const result = formatRosterEventPerformerInvite(noRole);
+    expect(result.role).toBe('Performer');
+  });
+});
+
+describe('formatVenue', () => {
+  const mockEvent = {
+    Event: {
+      venueId: 456,
+      startDateTime: '2025-12-15T20:00:00Z',
+      endDateTime: '2025-12-15T23:00:00Z',
+      doorsOpenTime: '2025-12-15T19:00:00Z',
+      venue: {
+        name: 'The Laugh Factory',
+        address: '123 Comedy St',
+        image: 'image.jpg',
+        squareImageUrl: 'square-image.jpg',
+        email: 'info@laughfactory.com',
+        phone: '555-1234',
+        description: 'A comedy venue',
+        instagram: '@laughfactory',
+        facebook: 'laughfactory',
+        twitter: '@laughfactory'
+      }
+    },
+    UpdatedAt: '2025-12-10T10:00:00Z'
+  };
+
+  test('formats venue correctly', () => {
+    const result = formatVenue(mockEvent);
+    expect(result.venueId).toBe(456);
+    expect(result.name).toBe('The Laugh Factory');
+    expect(result.location).toBe('123 Comedy St');
+    expect(result.email).toBe('info@laughfactory.com');
+    expect(result.phone).toBe('555-1234');
+    expect(result.description).toBe('A comedy venue');
+    expect(result.instagram).toBe('@laughfactory');
+    expect(result.facebook).toBe('laughfactory');
+    expect(result.twitter).toBe('@laughfactory');
+  });
+
+  test('uses squareImageUrl when available', () => {
+    const result = formatVenue(mockEvent);
+    expect(result.image).toBe('square-image.jpg');
+  });
+
+  test('falls back to image when squareImageUrl not available', () => {
+    const eventWithoutSquareImage = {
+      ...mockEvent,
+      Event: {
+        ...mockEvent.Event,
+        venue: {
+          ...mockEvent.Event.venue,
+          squareImageUrl: undefined
+        }
+      }
+    };
+    const result = formatVenue(eventWithoutSquareImage);
+    expect(result.image).toBe('image.jpg');
+  });
+
+  test('includes formatted time range', () => {
+    const result = formatVenue(mockEvent);
+    expect(result.timeRange).toBe('8:00 PM - 11:00 PM');
+  });
+
+  test('includes date range array', () => {
+    const result = formatVenue(mockEvent);
+    expect(result.dateRange).toContain('2025-12-15');
+  });
+});
+
+describe('capitalize', () => {
+  test('capitalizes first letter', () => {
+    expect(capitalize('hello')).toBe('Hello');
+  });
+
+  test('lowercases rest of word', () => {
+    expect(capitalize('HELLO')).toBe('Hello');
+  });
+
+  test('handles single character', () => {
+    expect(capitalize('h')).toBe('H');
+  });
+
+  test('handles mixed case', () => {
+    expect(capitalize('hELLO')).toBe('Hello');
+  });
+});