@getmicdrop/svelte-components 5.10.1 → 5.10.3

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 (227) 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 +146 -146
  7. package/dist/calendar/ShowCard/ShowCard.svelte +157 -157
  8. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +61 -61
  9. package/dist/components/Heading.svelte +60 -60
  10. package/dist/components/Layout/AppShell.svelte +104 -104
  11. package/dist/components/Layout/ContentSection.svelte +80 -80
  12. package/dist/components/Layout/Grid.svelte +4 -4
  13. package/dist/components/Layout/Heading.svelte +81 -81
  14. package/dist/components/Layout/PageContainer.svelte +69 -69
  15. package/dist/components/Layout/Responsive.svelte +75 -75
  16. package/dist/components/Layout/Section.svelte +80 -80
  17. package/dist/components/Layout/ShowOnDesktop.svelte +37 -37
  18. package/dist/components/Layout/ShowOnMobile.svelte +37 -37
  19. package/dist/components/Layout/Sidebar.svelte +108 -108
  20. package/dist/components/Layout/Stack.svelte +6 -6
  21. package/dist/components/Layout/Text.svelte +87 -87
  22. package/dist/components/Layout/TwoColumn.svelte +108 -108
  23. package/dist/components/Text.svelte +53 -53
  24. package/dist/constants/validation.js +91 -91
  25. package/dist/constants/validation.spec.js +64 -64
  26. package/dist/index.js +51 -51
  27. package/dist/patterns/data/DataGrid.svelte +45 -45
  28. package/dist/patterns/data/DataList.svelte +24 -24
  29. package/dist/patterns/data/DataTable.svelte +36 -36
  30. package/dist/patterns/forms/FormActions.spec.js +95 -95
  31. package/dist/patterns/forms/FormActions.stories.svelte +97 -97
  32. package/dist/patterns/forms/FormActions.svelte +46 -46
  33. package/dist/patterns/forms/FormGrid.svelte +33 -33
  34. package/dist/patterns/forms/FormSection.svelte +32 -32
  35. package/dist/patterns/forms/FormValidationSummary.stories.svelte +83 -83
  36. package/dist/patterns/forms/FormValidationSummary.svelte +74 -74
  37. package/dist/patterns/layout/Sidebar.svelte +39 -39
  38. package/dist/patterns/layout/index.js +29 -29
  39. package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
  40. package/dist/patterns/navigation/BottomNav.svelte +74 -74
  41. package/dist/patterns/navigation/Header.stories.svelte +77 -77
  42. package/dist/patterns/navigation/Header.svelte +255 -255
  43. package/dist/patterns/page/PageHeader.svelte +18 -18
  44. package/dist/patterns/page/PageLayout.svelte +40 -40
  45. package/dist/patterns/page/PageLoader.spec.js +57 -57
  46. package/dist/patterns/page/PageLoader.stories.svelte +137 -137
  47. package/dist/patterns/page/PageLoader.svelte +24 -24
  48. package/dist/patterns/page/SectionHeader.svelte +29 -29
  49. package/dist/presets/badges.js +112 -112
  50. package/dist/presets/buttons.js +76 -76
  51. package/dist/presets/index.js +9 -9
  52. package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
  53. package/dist/primitives/Accordion/Accordion.svelte +42 -42
  54. package/dist/primitives/Accordion/AccordionItem.svelte +95 -95
  55. package/dist/primitives/Alert/Alert.spec.js +173 -173
  56. package/dist/primitives/Alert/Alert.stories.svelte +88 -88
  57. package/dist/primitives/Alert/Alert.svelte +27 -27
  58. package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
  59. package/dist/primitives/Avatar/Avatar.svelte +66 -66
  60. package/dist/primitives/Badges/Badge.spec.js +144 -144
  61. package/dist/primitives/Badges/Badge.stories.svelte +86 -86
  62. package/dist/primitives/Badges/Badge.svelte +99 -99
  63. package/dist/primitives/BottomSheet/BottomSheet.spec.js +136 -136
  64. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
  65. package/dist/primitives/BottomSheet/BottomSheet.svelte +100 -100
  66. package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +122 -122
  67. package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
  68. package/dist/primitives/Breadcrumb/Breadcrumb.svelte +98 -98
  69. package/dist/primitives/Button/Button.spec.js +223 -223
  70. package/dist/primitives/Button/Button.stories.svelte +76 -76
  71. package/dist/primitives/Button/Button.svelte +283 -283
  72. package/dist/primitives/Button/ButtonGroup.svelte +50 -50
  73. package/dist/primitives/Button/ButtonSaveDemo.spec.js +146 -146
  74. package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
  75. package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
  76. package/dist/primitives/Card.spec.js +49 -49
  77. package/dist/primitives/Card.stories.svelte +22 -22
  78. package/dist/primitives/Card.svelte +28 -28
  79. package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
  80. package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
  81. package/dist/primitives/DarkModeToggle.spec.js +390 -390
  82. package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
  83. package/dist/primitives/DarkModeToggle.svelte +136 -136
  84. package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
  85. package/dist/primitives/Drawer/Drawer.svelte +120 -120
  86. package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
  87. package/dist/primitives/Dropdown/Dropdown.svelte +170 -170
  88. package/dist/primitives/Dropdown/DropdownDivider.svelte +9 -9
  89. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
  90. package/dist/primitives/Helper/Helper.svelte +33 -33
  91. package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
  92. package/dist/primitives/Icons/ArrowRight.svelte +8 -8
  93. package/dist/primitives/Icons/Availability.svelte +14 -14
  94. package/dist/primitives/Icons/Back.svelte +14 -14
  95. package/dist/primitives/Icons/CheckCircle.svelte +6 -6
  96. package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
  97. package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
  98. package/dist/primitives/Icons/ChevronRight.svelte +4 -4
  99. package/dist/primitives/Icons/Copy.svelte +15 -15
  100. package/dist/primitives/Icons/Cross.svelte +5 -5
  101. package/dist/primitives/Icons/DownArrow.svelte +8 -8
  102. package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
  103. package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
  104. package/dist/primitives/Icons/Home.svelte +15 -15
  105. package/dist/primitives/Icons/Icon.spec.js +169 -169
  106. package/dist/primitives/Icons/Icon.stories.svelte +100 -100
  107. package/dist/primitives/Icons/Icon.svelte +52 -52
  108. package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
  109. package/dist/primitives/Icons/Info.svelte +7 -7
  110. package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
  111. package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
  112. package/dist/primitives/Icons/Message.svelte +15 -15
  113. package/dist/primitives/Icons/MoonIcon.svelte +5 -5
  114. package/dist/primitives/Icons/More.svelte +21 -21
  115. package/dist/primitives/Icons/MoreHori.spec.js +61 -61
  116. package/dist/primitives/Icons/MoreHori.svelte +22 -22
  117. package/dist/primitives/Icons/Notification.svelte +14 -14
  118. package/dist/primitives/Icons/Payment.svelte +14 -14
  119. package/dist/primitives/Icons/Profile.svelte +21 -21
  120. package/dist/primitives/Icons/Reload.svelte +29 -29
  121. package/dist/primitives/Icons/Shows.svelte +21 -21
  122. package/dist/primitives/Icons/Signout.svelte +21 -21
  123. package/dist/primitives/Icons/SunIcon.svelte +8 -8
  124. package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
  125. package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
  126. package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
  127. package/dist/primitives/Icons/WarningIcon.svelte +5 -5
  128. package/dist/primitives/Input/Input.spec.js +573 -573
  129. package/dist/primitives/Input/Input.stories.svelte +139 -139
  130. package/dist/primitives/Input/Input.svelte +423 -423
  131. package/dist/primitives/Input/Select.spec.js +218 -218
  132. package/dist/primitives/Input/Select.stories.svelte +112 -112
  133. package/dist/primitives/Input/Select.svelte +252 -252
  134. package/dist/primitives/Input/Textarea.stories.svelte +137 -137
  135. package/dist/primitives/Input/Textarea.svelte +105 -105
  136. package/dist/primitives/Label/Label.svelte +37 -37
  137. package/dist/primitives/Modal/Modal.spec.js +99 -99
  138. package/dist/primitives/Modal/Modal.stories.svelte +86 -86
  139. package/dist/primitives/Modal/Modal.svelte +157 -157
  140. package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
  141. package/dist/primitives/Pagination/Pagination.svelte +261 -261
  142. package/dist/primitives/Radio/Radio.stories.svelte +80 -80
  143. package/dist/primitives/Radio/Radio.svelte +67 -67
  144. package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -87
  145. package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -59
  146. package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -76
  147. package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
  148. package/dist/primitives/Skeleton/Skeleton.svelte +26 -26
  149. package/dist/primitives/Spinner/Spinner.spec.js +71 -71
  150. package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
  151. package/dist/primitives/Spinner/Spinner.svelte +20 -20
  152. package/dist/primitives/Tabs/TabItem.svelte +49 -49
  153. package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
  154. package/dist/primitives/Tabs/Tabs.svelte +137 -137
  155. package/dist/primitives/Toggle.spec.js +146 -146
  156. package/dist/primitives/Toggle.stories.svelte +92 -92
  157. package/dist/primitives/Toggle.svelte +131 -131
  158. package/dist/primitives/Tooltip/Tooltip.svelte +83 -83
  159. package/dist/primitives/Typography/Typography.svelte +53 -53
  160. package/dist/primitives/ValidationError.spec.js +103 -103
  161. package/dist/primitives/ValidationError.stories.svelte +69 -69
  162. package/dist/primitives/ValidationError.svelte +29 -29
  163. package/dist/primitives/index.js +92 -92
  164. package/dist/recipes/CropImage/CropImage.spec.js +208 -208
  165. package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
  166. package/dist/recipes/CropImage/CropImage.svelte +219 -219
  167. package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
  168. package/dist/recipes/ImageUploader/ImageUploader.svelte +970 -970
  169. package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
  170. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
  171. package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
  172. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
  173. package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
  174. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +133 -133
  175. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
  176. package/dist/recipes/fields/CheckboxField.svelte +85 -85
  177. package/dist/recipes/fields/FormField.svelte +58 -58
  178. package/dist/recipes/fields/RadioGroup.svelte +95 -95
  179. package/dist/recipes/fields/SelectField.svelte +80 -80
  180. package/dist/recipes/fields/TextareaField.svelte +97 -97
  181. package/dist/recipes/fields/ToggleField.svelte +60 -60
  182. package/dist/recipes/fields/index.js +7 -7
  183. package/dist/recipes/inputs/MultiSelect.spec.js +260 -260
  184. package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
  185. package/dist/recipes/inputs/MultiSelect.svelte +283 -283
  186. package/dist/recipes/inputs/OTPInput.spec.js +251 -251
  187. package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
  188. package/dist/recipes/inputs/OTPInput.svelte +117 -117
  189. package/dist/recipes/inputs/PasswordInput.svelte +22 -22
  190. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +131 -117
  191. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts.map +1 -1
  192. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
  193. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +344 -344
  194. package/dist/recipes/inputs/Search.svelte +102 -102
  195. package/dist/recipes/inputs/SelectDropdown.svelte +171 -171
  196. package/dist/recipes/modals/AlertModal.svelte +130 -130
  197. package/dist/recipes/modals/ConfirmationModal.spec.js +206 -206
  198. package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
  199. package/dist/recipes/modals/ConfirmationModal.svelte +152 -152
  200. package/dist/recipes/modals/InputModal.svelte +182 -182
  201. package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
  202. package/dist/recipes/modals/ModalStateManager.svelte +77 -77
  203. package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
  204. package/dist/recipes/modals/StatusModal.svelte +206 -206
  205. package/dist/services/EventService.js +75 -75
  206. package/dist/services/EventService.spec.js +217 -217
  207. package/dist/services/ShowService.spec.js +345 -345
  208. package/dist/stores/toaster.js +13 -13
  209. package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
  210. package/dist/stories/ButtonAuditReview.svelte +427 -427
  211. package/dist/stories/PatternsGallery.stories.svelte +19 -19
  212. package/dist/stories/PatternsGallery.svelte +206 -206
  213. package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
  214. package/dist/stories/PrimitivesGallery.svelte +752 -752
  215. package/dist/stories/RecipesGallery.stories.svelte +19 -19
  216. package/dist/stories/RecipesGallery.svelte +471 -471
  217. package/dist/stories/button-audit-manifest.json +11186 -11186
  218. package/dist/tailwind/preset.cjs +82 -82
  219. package/dist/telemetry.js +405 -405
  220. package/dist/telemetry.spec.js +1169 -1169
  221. package/dist/tokens/tokens.css +87 -87
  222. package/dist/tokens/typography-base.css +163 -163
  223. package/dist/tokens/utilities.css +353 -353
  224. package/dist/utils/apiConfig.spec.js +219 -219
  225. package/dist/utils/transitions.js +4 -4
  226. package/dist/utils/utils.js +693 -693
  227. package/package.json +297 -297
@@ -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
+ });