@getmicdrop/svelte-components 5.5.0 → 5.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/dist/calendar/AboutShow/AboutShow.svelte +172 -172
  2. package/dist/calendar/Calendar/MiniMonthCalendar.svelte +782 -782
  3. package/dist/calendar/FAQs/FAQs.svelte +75 -75
  4. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +126 -126
  5. package/dist/calendar/OrderSummary/OrderSummary.svelte +367 -367
  6. package/dist/calendar/PublicCard/PublicCard.svelte +134 -134
  7. package/dist/calendar/ShowCard/ShowCard.svelte +157 -157
  8. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +61 -61
  9. package/dist/components/Layout/Grid.svelte +4 -4
  10. package/dist/components/Layout/Section.svelte +80 -80
  11. package/dist/components/Layout/Sidebar.svelte +108 -108
  12. package/dist/components/Layout/Stack.svelte +6 -6
  13. package/dist/constants/validation.js +91 -91
  14. package/dist/constants/validation.spec.js +64 -64
  15. package/dist/index.d.ts +1 -1
  16. package/dist/index.js +226 -226
  17. package/dist/patterns/data/DataGrid.svelte +45 -45
  18. package/dist/patterns/data/DataList.svelte +24 -24
  19. package/dist/patterns/data/DataTable.svelte +36 -36
  20. package/dist/patterns/forms/FormActions.spec.js +88 -88
  21. package/dist/patterns/forms/FormActions.stories.svelte +97 -97
  22. package/dist/patterns/forms/FormActions.svelte +46 -46
  23. package/dist/patterns/forms/FormGrid.svelte +33 -33
  24. package/dist/patterns/forms/FormSection.svelte +32 -32
  25. package/dist/patterns/forms/FormValidationSummary.stories.svelte +83 -83
  26. package/dist/patterns/forms/FormValidationSummary.svelte +33 -33
  27. package/dist/patterns/layout/Sidebar.svelte +39 -39
  28. package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
  29. package/dist/patterns/navigation/BottomNav.svelte +20 -20
  30. package/dist/patterns/navigation/Header.stories.svelte +77 -77
  31. package/dist/patterns/navigation/Header.svelte +193 -193
  32. package/dist/patterns/page/PageHeader.svelte +18 -18
  33. package/dist/patterns/page/PageLayout.svelte +40 -40
  34. package/dist/patterns/page/PageLoader.spec.js +54 -54
  35. package/dist/patterns/page/PageLoader.stories.svelte +137 -137
  36. package/dist/patterns/page/PageLoader.svelte +24 -24
  37. package/dist/patterns/page/SectionHeader.svelte +29 -29
  38. package/dist/presets/badges.js +112 -112
  39. package/dist/presets/buttons.js +76 -76
  40. package/dist/presets/index.js +9 -9
  41. package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
  42. package/dist/primitives/Accordion/Accordion.svelte +42 -42
  43. package/dist/primitives/Accordion/AccordionItem.svelte +95 -95
  44. package/dist/primitives/Alert/Alert.spec.js +170 -170
  45. package/dist/primitives/Alert/Alert.stories.svelte +88 -88
  46. package/dist/primitives/Alert/Alert.svelte +27 -27
  47. package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
  48. package/dist/primitives/Avatar/Avatar.svelte +66 -66
  49. package/dist/primitives/Badges/Badge.spec.js +103 -103
  50. package/dist/primitives/Badges/Badge.stories.svelte +86 -86
  51. package/dist/primitives/Badges/Badge.svelte +79 -79
  52. package/dist/primitives/BottomSheet/BottomSheet.spec.js +127 -127
  53. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
  54. package/dist/primitives/BottomSheet/BottomSheet.svelte +100 -100
  55. package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +120 -120
  56. package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
  57. package/dist/primitives/Breadcrumb/Breadcrumb.svelte +89 -89
  58. package/dist/primitives/Button/Button.spec.js +211 -211
  59. package/dist/primitives/Button/Button.stories.svelte +76 -76
  60. package/dist/primitives/Button/Button.svelte +270 -270
  61. package/dist/primitives/Button/ButtonSaveDemo.spec.js +48 -48
  62. package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
  63. package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
  64. package/dist/primitives/Card.spec.js +49 -49
  65. package/dist/primitives/Card.stories.svelte +22 -22
  66. package/dist/primitives/Card.svelte +28 -28
  67. package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
  68. package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
  69. package/dist/primitives/DarkModeToggle.spec.js +357 -357
  70. package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
  71. package/dist/primitives/DarkModeToggle.svelte +136 -136
  72. package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
  73. package/dist/primitives/Drawer/Drawer.svelte +120 -120
  74. package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
  75. package/dist/primitives/Dropdown/Dropdown.svelte +14 -14
  76. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
  77. package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
  78. package/dist/primitives/Icons/ArrowRight.svelte +8 -8
  79. package/dist/primitives/Icons/Availability.svelte +14 -14
  80. package/dist/primitives/Icons/Back.svelte +14 -14
  81. package/dist/primitives/Icons/CheckCircle.svelte +6 -6
  82. package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
  83. package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
  84. package/dist/primitives/Icons/ChevronRight.svelte +4 -4
  85. package/dist/primitives/Icons/Copy.svelte +15 -15
  86. package/dist/primitives/Icons/Cross.svelte +5 -5
  87. package/dist/primitives/Icons/DownArrow.svelte +8 -8
  88. package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
  89. package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
  90. package/dist/primitives/Icons/Home.svelte +15 -15
  91. package/dist/primitives/Icons/Icon.spec.js +169 -169
  92. package/dist/primitives/Icons/Icon.stories.svelte +100 -100
  93. package/dist/primitives/Icons/Icon.svelte +52 -52
  94. package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
  95. package/dist/primitives/Icons/Info.svelte +7 -7
  96. package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
  97. package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
  98. package/dist/primitives/Icons/Message.svelte +15 -15
  99. package/dist/primitives/Icons/MoonIcon.svelte +5 -5
  100. package/dist/primitives/Icons/More.svelte +21 -21
  101. package/dist/primitives/Icons/MoreHori.spec.js +61 -61
  102. package/dist/primitives/Icons/MoreHori.svelte +22 -22
  103. package/dist/primitives/Icons/Notification.svelte +14 -14
  104. package/dist/primitives/Icons/Payment.svelte +14 -14
  105. package/dist/primitives/Icons/Profile.svelte +21 -21
  106. package/dist/primitives/Icons/Reload.svelte +29 -29
  107. package/dist/primitives/Icons/Shows.svelte +21 -21
  108. package/dist/primitives/Icons/Signout.svelte +21 -21
  109. package/dist/primitives/Icons/SunIcon.svelte +8 -8
  110. package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
  111. package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
  112. package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
  113. package/dist/primitives/Icons/WarningIcon.svelte +5 -5
  114. package/dist/primitives/Input/Input.spec.js +573 -573
  115. package/dist/primitives/Input/Input.stories.svelte +139 -139
  116. package/dist/primitives/Input/Input.svelte +392 -392
  117. package/dist/primitives/Input/Select.spec.js +218 -218
  118. package/dist/primitives/Input/Select.stories.svelte +112 -112
  119. package/dist/primitives/Input/Select.svelte +128 -128
  120. package/dist/primitives/Input/Textarea.stories.svelte +137 -137
  121. package/dist/primitives/Input/Textarea.svelte +35 -35
  122. package/dist/primitives/Label/Label.svelte +37 -37
  123. package/dist/primitives/Modal/Modal.spec.js +95 -95
  124. package/dist/primitives/Modal/Modal.stories.svelte +86 -86
  125. package/dist/primitives/Modal/Modal.svelte +158 -158
  126. package/dist/primitives/NumberInput/NumberInput.svelte +106 -106
  127. package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
  128. package/dist/primitives/Pagination/Pagination.svelte +261 -261
  129. package/dist/primitives/Radio/Radio.stories.svelte +80 -80
  130. package/dist/primitives/Radio/Radio.svelte +67 -67
  131. package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -87
  132. package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -59
  133. package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -76
  134. package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
  135. package/dist/primitives/Skeleton/Skeleton.svelte +26 -26
  136. package/dist/primitives/Spinner/Spinner.spec.js +75 -75
  137. package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
  138. package/dist/primitives/Spinner/Spinner.svelte +20 -20
  139. package/dist/primitives/Tabs/TabItem.svelte +49 -49
  140. package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
  141. package/dist/primitives/Tabs/Tabs.svelte +123 -123
  142. package/dist/primitives/Toggle.spec.js +127 -127
  143. package/dist/primitives/Toggle.stories.svelte +92 -92
  144. package/dist/primitives/Toggle.svelte +71 -71
  145. package/dist/primitives/Typography/Typography.svelte +53 -53
  146. package/dist/primitives/ValidationError.spec.js +103 -103
  147. package/dist/primitives/ValidationError.stories.svelte +69 -69
  148. package/dist/primitives/ValidationError.svelte +29 -29
  149. package/dist/recipes/CropImage/CropImage.spec.js +216 -216
  150. package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
  151. package/dist/recipes/CropImage/CropImage.svelte +238 -238
  152. package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
  153. package/dist/recipes/ImageUploader/ImageUploader.svelte +804 -804
  154. package/dist/recipes/SuperLogin/SuperLogin.svelte +7 -6
  155. package/dist/recipes/SuperLogin/SuperLogin.svelte.d.ts.map +1 -1
  156. package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
  157. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
  158. package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
  159. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
  160. package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
  161. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +129 -129
  162. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
  163. package/dist/recipes/fields/CheckboxField.svelte +85 -85
  164. package/dist/recipes/fields/FormField.svelte +58 -58
  165. package/dist/recipes/fields/RadioGroup.svelte +95 -95
  166. package/dist/recipes/fields/SelectField.svelte +80 -80
  167. package/dist/recipes/fields/TextareaField.svelte +97 -97
  168. package/dist/recipes/fields/ToggleField.svelte +60 -60
  169. package/dist/recipes/fields/index.js +7 -7
  170. package/dist/recipes/inputs/MultiSelect.spec.js +257 -257
  171. package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
  172. package/dist/recipes/inputs/MultiSelect.svelte +249 -249
  173. package/dist/recipes/inputs/OTPInput.spec.js +238 -238
  174. package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
  175. package/dist/recipes/inputs/OTPInput.svelte +29 -29
  176. package/dist/recipes/inputs/PasswordInput.svelte +22 -22
  177. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.spec.js +173 -173
  178. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +43 -43
  179. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.spec.js +300 -300
  180. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
  181. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +326 -326
  182. package/dist/recipes/inputs/Search.svelte +37 -37
  183. package/dist/recipes/inputs/SelectDropdown.svelte +57 -57
  184. package/dist/recipes/modals/AlertModal.svelte +130 -130
  185. package/dist/recipes/modals/ConfirmationModal.spec.js +191 -191
  186. package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
  187. package/dist/recipes/modals/ConfirmationModal.svelte +152 -152
  188. package/dist/recipes/modals/InputModal.svelte +182 -182
  189. package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
  190. package/dist/recipes/modals/ModalStateManager.svelte +77 -77
  191. package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
  192. package/dist/recipes/modals/StatusModal.svelte +206 -206
  193. package/dist/services/EventService.js +75 -75
  194. package/dist/services/EventService.spec.js +217 -217
  195. package/dist/services/ShowService.spec.js +342 -342
  196. package/dist/stores/auth.js +36 -36
  197. package/dist/stores/auth.spec.js +139 -139
  198. package/dist/stores/toaster.js +13 -13
  199. package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
  200. package/dist/stories/ButtonAuditReview.svelte +427 -427
  201. package/dist/stories/PatternsGallery.stories.svelte +19 -19
  202. package/dist/stories/PatternsGallery.svelte +206 -206
  203. package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
  204. package/dist/stories/PrimitivesGallery.svelte +725 -725
  205. package/dist/stories/RecipesGallery.stories.svelte +19 -19
  206. package/dist/stories/RecipesGallery.svelte +271 -271
  207. package/dist/stories/button-audit-manifest.json +11186 -11186
  208. package/dist/tailwind/preset.cjs +82 -82
  209. package/dist/tokens/tokens.css +87 -87
  210. package/dist/utils/transitions.d.ts +24 -0
  211. package/dist/utils/transitions.d.ts.map +1 -0
  212. package/dist/utils/transitions.js +62 -0
  213. package/dist/utils/utils.js +354 -354
  214. package/package.json +283 -283
@@ -1,217 +1,217 @@
1
- import { describe, it, expect, vi, beforeEach } from 'vitest';
2
-
3
- // Create mock functions we'll spy on
4
- const mockEvents = [
5
- { ID: 1, startDateTime: '2025-01-15T20:00:00', title: 'Comedy Night' },
6
- { ID: 2, startDateTime: '2025-01-15T21:00:00', title: 'Open Mic' },
7
- { ID: 3, startDateTime: '2025-02-10T19:00:00', title: 'Improv Show' },
8
- ];
9
-
10
- import {
11
- fetchEventsFromAPI,
12
- fetchEventsForMonth,
13
- fetchEventsForWeek,
14
- fetchEventsForDay,
15
- } from './EventService';
16
-
17
- describe('EventService', () => {
18
- beforeEach(() => {
19
- vi.clearAllMocks();
20
- global.fetch = vi.fn();
21
- });
22
-
23
- describe('fetchEventsFromAPI', () => {
24
- it('fetches events from the API', async () => {
25
- global.fetch.mockResolvedValue({
26
- ok: true,
27
- json: () => Promise.resolve(mockEvents),
28
- });
29
-
30
- const events = await fetchEventsFromAPI();
31
-
32
- expect(global.fetch).toHaveBeenCalledWith(
33
- 'https://get-micdrop.com/api/public/getEventsForVenue'
34
- );
35
- expect(events).toHaveLength(3);
36
- });
37
-
38
- it('transforms event data correctly', async () => {
39
- global.fetch.mockResolvedValue({
40
- ok: true,
41
- json: () => Promise.resolve([mockEvents[0]]),
42
- });
43
-
44
- const events = await fetchEventsFromAPI();
45
-
46
- expect(events[0]).toEqual({
47
- id: 1,
48
- date: '2025-01-15T20:00:00',
49
- title: 'Comedy Night',
50
- });
51
- });
52
-
53
- it('returns empty array on failed response', async () => {
54
- const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
55
- global.fetch.mockResolvedValue({
56
- ok: false,
57
- status: 500,
58
- });
59
-
60
- const events = await fetchEventsFromAPI();
61
-
62
- expect(events).toEqual([]);
63
- consoleSpy.mockRestore();
64
- });
65
-
66
- it('returns empty array on network error', async () => {
67
- const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
68
- global.fetch.mockRejectedValue(new Error('Network error'));
69
-
70
- const events = await fetchEventsFromAPI();
71
-
72
- expect(events).toEqual([]);
73
- consoleSpy.mockRestore();
74
- });
75
- });
76
-
77
- describe('fetchEventsForMonth', () => {
78
- it('filters events by year and month', async () => {
79
- global.fetch.mockResolvedValue({
80
- ok: true,
81
- json: () => Promise.resolve(mockEvents),
82
- });
83
-
84
- const events = await fetchEventsForMonth(2025, 1);
85
-
86
- expect(events.length).toBe(2);
87
- expect(events[0].title).toBe('Comedy Night');
88
- expect(events[1].title).toBe('Open Mic');
89
- }, 10000);
90
-
91
- it('returns empty for month with no events', async () => {
92
- global.fetch.mockResolvedValue({
93
- ok: true,
94
- json: () => Promise.resolve(mockEvents),
95
- });
96
-
97
- const events = await fetchEventsForMonth(2025, 3);
98
-
99
- expect(events).toEqual([]);
100
- }, 10000);
101
-
102
- it('pads single digit months correctly', async () => {
103
- global.fetch.mockResolvedValue({
104
- ok: true,
105
- json: () => Promise.resolve(mockEvents),
106
- });
107
-
108
- const events = await fetchEventsForMonth(2025, 2);
109
-
110
- expect(events.length).toBe(1);
111
- expect(events[0].title).toBe('Improv Show');
112
- }, 10000);
113
-
114
- it('handles double digit months', async () => {
115
- const decemberEvents = [
116
- { ID: 4, startDateTime: '2025-12-25T20:00:00', title: 'Holiday Show' },
117
- ];
118
- global.fetch.mockResolvedValue({
119
- ok: true,
120
- json: () => Promise.resolve(decemberEvents),
121
- });
122
-
123
- const events = await fetchEventsForMonth(2025, 12);
124
-
125
- expect(events.length).toBe(1);
126
- }, 10000);
127
- });
128
-
129
- describe('fetchEventsForWeek', () => {
130
- it('filters events within the week', async () => {
131
- // Events on Jan 13-14, 2025 (Monday-Tuesday of that week)
132
- const weekEvents = [
133
- { ID: 1, startDateTime: '2025-01-13T20:00:00', title: 'Monday Show' },
134
- { ID: 2, startDateTime: '2025-01-14T19:00:00', title: 'Tuesday Show' },
135
- { ID: 3, startDateTime: '2025-01-20T20:00:00', title: 'Next Week Show' },
136
- ];
137
- global.fetch.mockResolvedValue({
138
- ok: true,
139
- json: () => Promise.resolve(weekEvents),
140
- });
141
-
142
- // Jan 15, 2025 is a Wednesday
143
- const date = new Date('2025-01-15');
144
- const events = await fetchEventsForWeek(date);
145
-
146
- // Should include Monday and Tuesday shows (same week)
147
- expect(events.length).toBe(2);
148
- }, 10000);
149
-
150
- it('uses Monday as week start', async () => {
151
- const events = [
152
- { ID: 1, startDateTime: '2025-01-12T20:00:00', title: 'Sunday Show' },
153
- { ID: 2, startDateTime: '2025-01-13T20:00:00', title: 'Monday Show' },
154
- ];
155
- global.fetch.mockResolvedValue({
156
- ok: true,
157
- json: () => Promise.resolve(events),
158
- });
159
-
160
- // Pass a date in the week starting Jan 13
161
- const date = new Date('2025-01-15');
162
- const result = await fetchEventsForWeek(date);
163
-
164
- // Sunday should be excluded, Monday included
165
- expect(result.some((e) => e.title === 'Monday Show')).toBe(true);
166
- }, 10000);
167
- });
168
-
169
- describe('fetchEventsForDay', () => {
170
- it('filters events for specific day', async () => {
171
- // Use Z suffix for UTC dates to avoid timezone issues
172
- const dayEvents = [
173
- { ID: 1, startDateTime: '2025-01-15T14:00:00Z', title: 'Afternoon Show' },
174
- { ID: 2, startDateTime: '2025-01-15T20:00:00Z', title: 'Evening Show' },
175
- { ID: 3, startDateTime: '2025-01-16T20:00:00Z', title: 'Next Day Show' },
176
- ];
177
- global.fetch.mockResolvedValue({
178
- ok: true,
179
- json: () => Promise.resolve(dayEvents),
180
- });
181
-
182
- const date = new Date(Date.UTC(2025, 0, 15)); // Jan 15, 2025 UTC
183
- const events = await fetchEventsForDay(date);
184
-
185
- expect(events.length).toBe(2);
186
- expect(events[0].title).toBe('Afternoon Show');
187
- expect(events[1].title).toBe('Evening Show');
188
- }, 10000);
189
-
190
- it('returns empty array for day with no events', async () => {
191
- global.fetch.mockResolvedValue({
192
- ok: true,
193
- json: () => Promise.resolve(mockEvents),
194
- });
195
-
196
- const date = new Date(Date.UTC(2025, 0, 20)); // Jan 20, 2025
197
- const events = await fetchEventsForDay(date);
198
-
199
- expect(events).toEqual([]);
200
- }, 10000);
201
-
202
- it('matches dates using UTC methods', async () => {
203
- const dayEvents = [
204
- { ID: 1, startDateTime: '2025-06-15T23:00:00Z', title: 'Late Show' },
205
- ];
206
- global.fetch.mockResolvedValue({
207
- ok: true,
208
- json: () => Promise.resolve(dayEvents),
209
- });
210
-
211
- const date = new Date(Date.UTC(2025, 5, 15)); // June 15, 2025 UTC
212
- const events = await fetchEventsForDay(date);
213
-
214
- expect(events.length).toBe(1);
215
- }, 10000);
216
- });
217
- });
1
+ import { describe, it, expect, vi, beforeEach } from 'vitest';
2
+
3
+ // Create mock functions we'll spy on
4
+ const mockEvents = [
5
+ { ID: 1, startDateTime: '2025-01-15T20:00:00', title: 'Comedy Night' },
6
+ { ID: 2, startDateTime: '2025-01-15T21:00:00', title: 'Open Mic' },
7
+ { ID: 3, startDateTime: '2025-02-10T19:00:00', title: 'Improv Show' },
8
+ ];
9
+
10
+ import {
11
+ fetchEventsFromAPI,
12
+ fetchEventsForMonth,
13
+ fetchEventsForWeek,
14
+ fetchEventsForDay,
15
+ } from './EventService';
16
+
17
+ describe('EventService', () => {
18
+ beforeEach(() => {
19
+ vi.clearAllMocks();
20
+ global.fetch = vi.fn();
21
+ });
22
+
23
+ describe('fetchEventsFromAPI', () => {
24
+ it('fetches events from the API', async () => {
25
+ global.fetch.mockResolvedValue({
26
+ ok: true,
27
+ json: () => Promise.resolve(mockEvents),
28
+ });
29
+
30
+ const events = await fetchEventsFromAPI();
31
+
32
+ expect(global.fetch).toHaveBeenCalledWith(
33
+ 'https://get-micdrop.com/api/public/getEventsForVenue'
34
+ );
35
+ expect(events).toHaveLength(3);
36
+ });
37
+
38
+ it('transforms event data correctly', async () => {
39
+ global.fetch.mockResolvedValue({
40
+ ok: true,
41
+ json: () => Promise.resolve([mockEvents[0]]),
42
+ });
43
+
44
+ const events = await fetchEventsFromAPI();
45
+
46
+ expect(events[0]).toEqual({
47
+ id: 1,
48
+ date: '2025-01-15T20:00:00',
49
+ title: 'Comedy Night',
50
+ });
51
+ });
52
+
53
+ it('returns empty array on failed response', async () => {
54
+ const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
55
+ global.fetch.mockResolvedValue({
56
+ ok: false,
57
+ status: 500,
58
+ });
59
+
60
+ const events = await fetchEventsFromAPI();
61
+
62
+ expect(events).toEqual([]);
63
+ consoleSpy.mockRestore();
64
+ });
65
+
66
+ it('returns empty array on network error', async () => {
67
+ const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
68
+ global.fetch.mockRejectedValue(new Error('Network error'));
69
+
70
+ const events = await fetchEventsFromAPI();
71
+
72
+ expect(events).toEqual([]);
73
+ consoleSpy.mockRestore();
74
+ });
75
+ });
76
+
77
+ describe('fetchEventsForMonth', () => {
78
+ it('filters events by year and month', async () => {
79
+ global.fetch.mockResolvedValue({
80
+ ok: true,
81
+ json: () => Promise.resolve(mockEvents),
82
+ });
83
+
84
+ const events = await fetchEventsForMonth(2025, 1);
85
+
86
+ expect(events.length).toBe(2);
87
+ expect(events[0].title).toBe('Comedy Night');
88
+ expect(events[1].title).toBe('Open Mic');
89
+ }, 10000);
90
+
91
+ it('returns empty for month with no events', async () => {
92
+ global.fetch.mockResolvedValue({
93
+ ok: true,
94
+ json: () => Promise.resolve(mockEvents),
95
+ });
96
+
97
+ const events = await fetchEventsForMonth(2025, 3);
98
+
99
+ expect(events).toEqual([]);
100
+ }, 10000);
101
+
102
+ it('pads single digit months correctly', async () => {
103
+ global.fetch.mockResolvedValue({
104
+ ok: true,
105
+ json: () => Promise.resolve(mockEvents),
106
+ });
107
+
108
+ const events = await fetchEventsForMonth(2025, 2);
109
+
110
+ expect(events.length).toBe(1);
111
+ expect(events[0].title).toBe('Improv Show');
112
+ }, 10000);
113
+
114
+ it('handles double digit months', async () => {
115
+ const decemberEvents = [
116
+ { ID: 4, startDateTime: '2025-12-25T20:00:00', title: 'Holiday Show' },
117
+ ];
118
+ global.fetch.mockResolvedValue({
119
+ ok: true,
120
+ json: () => Promise.resolve(decemberEvents),
121
+ });
122
+
123
+ const events = await fetchEventsForMonth(2025, 12);
124
+
125
+ expect(events.length).toBe(1);
126
+ }, 10000);
127
+ });
128
+
129
+ describe('fetchEventsForWeek', () => {
130
+ it('filters events within the week', async () => {
131
+ // Events on Jan 13-14, 2025 (Monday-Tuesday of that week)
132
+ const weekEvents = [
133
+ { ID: 1, startDateTime: '2025-01-13T20:00:00', title: 'Monday Show' },
134
+ { ID: 2, startDateTime: '2025-01-14T19:00:00', title: 'Tuesday Show' },
135
+ { ID: 3, startDateTime: '2025-01-20T20:00:00', title: 'Next Week Show' },
136
+ ];
137
+ global.fetch.mockResolvedValue({
138
+ ok: true,
139
+ json: () => Promise.resolve(weekEvents),
140
+ });
141
+
142
+ // Jan 15, 2025 is a Wednesday
143
+ const date = new Date('2025-01-15');
144
+ const events = await fetchEventsForWeek(date);
145
+
146
+ // Should include Monday and Tuesday shows (same week)
147
+ expect(events.length).toBe(2);
148
+ }, 10000);
149
+
150
+ it('uses Monday as week start', async () => {
151
+ const events = [
152
+ { ID: 1, startDateTime: '2025-01-12T20:00:00', title: 'Sunday Show' },
153
+ { ID: 2, startDateTime: '2025-01-13T20:00:00', title: 'Monday Show' },
154
+ ];
155
+ global.fetch.mockResolvedValue({
156
+ ok: true,
157
+ json: () => Promise.resolve(events),
158
+ });
159
+
160
+ // Pass a date in the week starting Jan 13
161
+ const date = new Date('2025-01-15');
162
+ const result = await fetchEventsForWeek(date);
163
+
164
+ // Sunday should be excluded, Monday included
165
+ expect(result.some((e) => e.title === 'Monday Show')).toBe(true);
166
+ }, 10000);
167
+ });
168
+
169
+ describe('fetchEventsForDay', () => {
170
+ it('filters events for specific day', async () => {
171
+ // Use Z suffix for UTC dates to avoid timezone issues
172
+ const dayEvents = [
173
+ { ID: 1, startDateTime: '2025-01-15T14:00:00Z', title: 'Afternoon Show' },
174
+ { ID: 2, startDateTime: '2025-01-15T20:00:00Z', title: 'Evening Show' },
175
+ { ID: 3, startDateTime: '2025-01-16T20:00:00Z', title: 'Next Day Show' },
176
+ ];
177
+ global.fetch.mockResolvedValue({
178
+ ok: true,
179
+ json: () => Promise.resolve(dayEvents),
180
+ });
181
+
182
+ const date = new Date(Date.UTC(2025, 0, 15)); // Jan 15, 2025 UTC
183
+ const events = await fetchEventsForDay(date);
184
+
185
+ expect(events.length).toBe(2);
186
+ expect(events[0].title).toBe('Afternoon Show');
187
+ expect(events[1].title).toBe('Evening Show');
188
+ }, 10000);
189
+
190
+ it('returns empty array for day with no events', async () => {
191
+ global.fetch.mockResolvedValue({
192
+ ok: true,
193
+ json: () => Promise.resolve(mockEvents),
194
+ });
195
+
196
+ const date = new Date(Date.UTC(2025, 0, 20)); // Jan 20, 2025
197
+ const events = await fetchEventsForDay(date);
198
+
199
+ expect(events).toEqual([]);
200
+ }, 10000);
201
+
202
+ it('matches dates using UTC methods', async () => {
203
+ const dayEvents = [
204
+ { ID: 1, startDateTime: '2025-06-15T23:00:00Z', title: 'Late Show' },
205
+ ];
206
+ global.fetch.mockResolvedValue({
207
+ ok: true,
208
+ json: () => Promise.resolve(dayEvents),
209
+ });
210
+
211
+ const date = new Date(Date.UTC(2025, 5, 15)); // June 15, 2025 UTC
212
+ const events = await fetchEventsForDay(date);
213
+
214
+ expect(events.length).toBe(1);
215
+ }, 10000);
216
+ });
217
+ });