@getmicdrop/svelte-components 5.3.10 → 5.3.13

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