@getmicdrop/svelte-components 5.4.2 → 5.5.0

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 (217) 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 +113 -4
  16. package/dist/index.js +226 -47
  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 +32 -32
  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 -269
  61. package/dist/primitives/Button/Button.svelte.d.ts.map +1 -1
  62. package/dist/primitives/Button/ButtonSaveDemo.spec.js +48 -48
  63. package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
  64. package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
  65. package/dist/primitives/Card.spec.js +49 -49
  66. package/dist/primitives/Card.stories.svelte +22 -22
  67. package/dist/primitives/Card.svelte +28 -28
  68. package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
  69. package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
  70. package/dist/primitives/DarkModeToggle.spec.js +357 -357
  71. package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
  72. package/dist/primitives/DarkModeToggle.svelte +136 -136
  73. package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
  74. package/dist/primitives/Drawer/Drawer.svelte +120 -120
  75. package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
  76. package/dist/primitives/Dropdown/Dropdown.svelte +14 -14
  77. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
  78. package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
  79. package/dist/primitives/Icons/ArrowRight.svelte +8 -8
  80. package/dist/primitives/Icons/Availability.svelte +14 -14
  81. package/dist/primitives/Icons/Back.svelte +14 -14
  82. package/dist/primitives/Icons/CheckCircle.svelte +6 -6
  83. package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
  84. package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
  85. package/dist/primitives/Icons/ChevronRight.svelte +4 -4
  86. package/dist/primitives/Icons/Copy.svelte +15 -15
  87. package/dist/primitives/Icons/Cross.svelte +5 -5
  88. package/dist/primitives/Icons/DownArrow.svelte +8 -8
  89. package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
  90. package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
  91. package/dist/primitives/Icons/Home.svelte +15 -15
  92. package/dist/primitives/Icons/Icon.spec.js +169 -169
  93. package/dist/primitives/Icons/Icon.stories.svelte +100 -100
  94. package/dist/primitives/Icons/Icon.svelte +52 -52
  95. package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
  96. package/dist/primitives/Icons/Info.svelte +7 -7
  97. package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
  98. package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
  99. package/dist/primitives/Icons/Message.svelte +15 -15
  100. package/dist/primitives/Icons/MoonIcon.svelte +5 -5
  101. package/dist/primitives/Icons/More.svelte +21 -21
  102. package/dist/primitives/Icons/MoreHori.spec.js +61 -61
  103. package/dist/primitives/Icons/MoreHori.svelte +22 -22
  104. package/dist/primitives/Icons/Notification.svelte +14 -14
  105. package/dist/primitives/Icons/Payment.svelte +14 -14
  106. package/dist/primitives/Icons/Profile.svelte +21 -21
  107. package/dist/primitives/Icons/Reload.svelte +29 -29
  108. package/dist/primitives/Icons/Shows.svelte +21 -21
  109. package/dist/primitives/Icons/Signout.svelte +21 -21
  110. package/dist/primitives/Icons/SunIcon.svelte +8 -8
  111. package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
  112. package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
  113. package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
  114. package/dist/primitives/Icons/WarningIcon.svelte +5 -5
  115. package/dist/primitives/Input/Input.spec.js +573 -573
  116. package/dist/primitives/Input/Input.stories.svelte +139 -139
  117. package/dist/primitives/Input/Input.svelte +391 -391
  118. package/dist/primitives/Input/Select.spec.js +218 -218
  119. package/dist/primitives/Input/Select.stories.svelte +112 -112
  120. package/dist/primitives/Input/Select.svelte +128 -128
  121. package/dist/primitives/Input/Textarea.stories.svelte +137 -137
  122. package/dist/primitives/Input/Textarea.svelte +35 -35
  123. package/dist/primitives/Label/Label.svelte +37 -37
  124. package/dist/primitives/Modal/Modal.spec.js +95 -95
  125. package/dist/primitives/Modal/Modal.stories.svelte +86 -86
  126. package/dist/primitives/Modal/Modal.svelte +158 -158
  127. package/dist/primitives/NumberInput/NumberInput.svelte +106 -0
  128. package/dist/primitives/NumberInput/NumberInput.svelte.d.ts +23 -0
  129. package/dist/primitives/NumberInput/NumberInput.svelte.d.ts.map +1 -0
  130. package/dist/primitives/NumberInput/index.d.ts +2 -0
  131. package/dist/primitives/NumberInput/index.d.ts.map +1 -0
  132. package/dist/primitives/NumberInput/index.js +1 -0
  133. package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
  134. package/dist/primitives/Pagination/Pagination.svelte +261 -261
  135. package/dist/primitives/Radio/Radio.stories.svelte +80 -80
  136. package/dist/primitives/Radio/Radio.svelte +67 -67
  137. package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -87
  138. package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -59
  139. package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -76
  140. package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
  141. package/dist/primitives/Skeleton/Skeleton.svelte +26 -26
  142. package/dist/primitives/Spinner/Spinner.spec.js +75 -75
  143. package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
  144. package/dist/primitives/Spinner/Spinner.svelte +20 -20
  145. package/dist/primitives/Tabs/TabItem.svelte +49 -49
  146. package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
  147. package/dist/primitives/Tabs/Tabs.svelte +123 -123
  148. package/dist/primitives/Toggle.spec.js +127 -127
  149. package/dist/primitives/Toggle.stories.svelte +92 -92
  150. package/dist/primitives/Toggle.svelte +71 -71
  151. package/dist/primitives/Typography/Typography.svelte +53 -53
  152. package/dist/primitives/ValidationError.spec.js +103 -103
  153. package/dist/primitives/ValidationError.stories.svelte +69 -69
  154. package/dist/primitives/ValidationError.svelte +29 -29
  155. package/dist/recipes/CropImage/CropImage.spec.js +216 -216
  156. package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
  157. package/dist/recipes/CropImage/CropImage.svelte +238 -238
  158. package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
  159. package/dist/recipes/ImageUploader/ImageUploader.svelte +804 -804
  160. package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
  161. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
  162. package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
  163. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
  164. package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
  165. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +129 -129
  166. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
  167. package/dist/recipes/fields/CheckboxField.svelte +85 -85
  168. package/dist/recipes/fields/FormField.svelte +58 -58
  169. package/dist/recipes/fields/RadioGroup.svelte +95 -95
  170. package/dist/recipes/fields/SelectField.svelte +80 -80
  171. package/dist/recipes/fields/TextareaField.svelte +97 -97
  172. package/dist/recipes/fields/ToggleField.svelte +60 -60
  173. package/dist/recipes/fields/index.js +7 -7
  174. package/dist/recipes/inputs/MultiSelect.spec.js +257 -257
  175. package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
  176. package/dist/recipes/inputs/MultiSelect.svelte +249 -276
  177. package/dist/recipes/inputs/MultiSelect.svelte.d.ts +28 -17
  178. package/dist/recipes/inputs/MultiSelect.svelte.d.ts.map +1 -1
  179. package/dist/recipes/inputs/OTPInput.spec.js +238 -238
  180. package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
  181. package/dist/recipes/inputs/OTPInput.svelte +29 -29
  182. package/dist/recipes/inputs/PasswordInput.svelte +22 -22
  183. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.spec.js +173 -173
  184. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +42 -42
  185. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.spec.js +300 -300
  186. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
  187. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +326 -326
  188. package/dist/recipes/inputs/Search.svelte +37 -37
  189. package/dist/recipes/inputs/SelectDropdown.svelte +57 -57
  190. package/dist/recipes/modals/AlertModal.svelte +130 -130
  191. package/dist/recipes/modals/ConfirmationModal.spec.js +191 -191
  192. package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
  193. package/dist/recipes/modals/ConfirmationModal.svelte +152 -152
  194. package/dist/recipes/modals/InputModal.svelte +182 -182
  195. package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
  196. package/dist/recipes/modals/ModalStateManager.svelte +77 -77
  197. package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
  198. package/dist/recipes/modals/StatusModal.svelte +206 -206
  199. package/dist/services/EventService.js +75 -75
  200. package/dist/services/EventService.spec.js +217 -217
  201. package/dist/services/ShowService.spec.js +342 -342
  202. package/dist/stores/auth.js +36 -36
  203. package/dist/stores/auth.spec.js +139 -139
  204. package/dist/stores/toaster.js +13 -13
  205. package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
  206. package/dist/stories/ButtonAuditReview.svelte +427 -427
  207. package/dist/stories/PatternsGallery.stories.svelte +19 -19
  208. package/dist/stories/PatternsGallery.svelte +206 -206
  209. package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
  210. package/dist/stories/PrimitivesGallery.svelte +725 -725
  211. package/dist/stories/RecipesGallery.stories.svelte +19 -19
  212. package/dist/stories/RecipesGallery.svelte +271 -271
  213. package/dist/stories/button-audit-manifest.json +11186 -11186
  214. package/dist/tailwind/preset.cjs +82 -82
  215. package/dist/tokens/tokens.css +87 -87
  216. package/dist/utils/utils.js +354 -354
  217. 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
+ });