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