@getmicdrop/svelte-components 5.6.0 → 5.7.1

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