@getmicdrop/svelte-components 5.3.12 → 5.3.14

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