@getmicdrop/svelte-components 5.17.3 → 5.17.4

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 (327) hide show
  1. package/dist/calendar/AboutShow/AboutShow.svelte +187 -187
  2. package/dist/calendar/Calendar/MiniMonthCalendar.svelte +780 -782
  3. package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts.map +1 -1
  4. package/dist/calendar/FAQs/FAQs.svelte +77 -77
  5. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +125 -126
  6. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte.d.ts.map +1 -1
  7. package/dist/calendar/OrderSummary/OrderSummary.svelte +457 -457
  8. package/dist/calendar/PublicCard/PublicCard.svelte +155 -146
  9. package/dist/calendar/PublicCard/PublicCard.svelte.d.ts.map +1 -1
  10. package/dist/calendar/ShowCard/ShowCard.spec.js +1 -7
  11. package/dist/calendar/ShowCard/ShowCard.svelte +166 -157
  12. package/dist/calendar/ShowCard/ShowCard.svelte.d.ts.map +1 -1
  13. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +72 -61
  14. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts +2 -0
  15. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts.map +1 -1
  16. package/dist/components/Heading.svelte +60 -60
  17. package/dist/components/Layout/AppShell.svelte +104 -104
  18. package/dist/components/Layout/ContentSection.svelte +80 -80
  19. package/dist/components/Layout/Grid.svelte +4 -4
  20. package/dist/components/Layout/Heading.svelte +81 -81
  21. package/dist/components/Layout/PageContainer.svelte +69 -69
  22. package/dist/components/Layout/Responsive.svelte +75 -75
  23. package/dist/components/Layout/Section.svelte +80 -80
  24. package/dist/components/Layout/ShowOnDesktop.svelte +37 -37
  25. package/dist/components/Layout/ShowOnMobile.svelte +37 -37
  26. package/dist/components/Layout/Sidebar.svelte +108 -108
  27. package/dist/components/Layout/Stack.spec.js +1 -1
  28. package/dist/components/Layout/Stack.svelte +6 -6
  29. package/dist/components/Layout/Text.svelte +87 -87
  30. package/dist/components/Layout/TwoColumn.svelte +108 -108
  31. package/dist/components/Text.svelte +53 -53
  32. package/dist/config.d.ts +102 -0
  33. package/dist/config.js +147 -1
  34. package/dist/constants/validation.js +91 -91
  35. package/dist/constants/validation.spec.js +64 -64
  36. package/dist/datetime/README.md +323 -0
  37. package/dist/datetime/__tests__/format.test.js +1 -1
  38. package/dist/datetime/__tests__/parse.test.js +1 -1
  39. package/dist/datetime/__tests__/timezone.test.js +1 -1
  40. package/dist/datetime/parse.js +1 -1
  41. package/dist/forms/createFormStore.svelte.js +0 -1
  42. package/dist/forms/createFormStore.svelte.spec.js +0 -1
  43. package/dist/index.js +57 -57
  44. package/dist/index.spec.js +369 -369
  45. package/dist/messages.d.ts +43 -0
  46. package/dist/messages.d.ts.map +1 -0
  47. package/dist/messages.js +57 -0
  48. package/dist/patterns/chat/ChatActivityNotice.svelte +41 -41
  49. package/dist/patterns/chat/ChatBubble.svelte +95 -95
  50. package/dist/patterns/chat/ChatContainer.svelte +46 -46
  51. package/dist/patterns/chat/ChatDateDivider.svelte +27 -27
  52. package/dist/patterns/chat/ChatInvitationBubble.svelte +37 -37
  53. package/dist/patterns/chat/ChatInvitationNotice.svelte +27 -27
  54. package/dist/patterns/chat/ChatMessageGroup.svelte +57 -57
  55. package/dist/patterns/chat/ChatSlotUpdate.svelte +46 -46
  56. package/dist/patterns/chat/ChatStatusBadge.svelte +91 -91
  57. package/dist/patterns/chat/ChatStatusTransition.svelte +64 -64
  58. package/dist/patterns/chat/ChatTextBubble.svelte +41 -41
  59. package/dist/patterns/chat/index.js +22 -22
  60. package/dist/patterns/data/DataGrid.svelte +45 -45
  61. package/dist/patterns/data/DataList.svelte +24 -24
  62. package/dist/patterns/data/DataTable.svelte +36 -36
  63. package/dist/patterns/forms/FormActions.spec.js +95 -95
  64. package/dist/patterns/forms/FormActions.stories.svelte +97 -97
  65. package/dist/patterns/forms/FormActions.svelte +46 -46
  66. package/dist/patterns/forms/FormGrid.svelte +33 -33
  67. package/dist/patterns/forms/FormSection.svelte +32 -32
  68. package/dist/patterns/forms/FormValidationSummary.stories.svelte +83 -83
  69. package/dist/patterns/forms/FormValidationSummary.svelte +74 -74
  70. package/dist/patterns/index.js +21 -21
  71. package/dist/patterns/layout/Sidebar.svelte +39 -39
  72. package/dist/patterns/layout/index.js +29 -29
  73. package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
  74. package/dist/patterns/navigation/BottomNav.svelte +74 -74
  75. package/dist/patterns/navigation/Header.stories.svelte +77 -77
  76. package/dist/patterns/navigation/Header.svelte +251 -251
  77. package/dist/patterns/page/PageHeader.svelte +18 -18
  78. package/dist/patterns/page/PageLayout.svelte +40 -40
  79. package/dist/patterns/page/PageLoader.spec.js +57 -57
  80. package/dist/patterns/page/PageLoader.stories.svelte +137 -137
  81. package/dist/patterns/page/PageLoader.svelte +24 -24
  82. package/dist/patterns/page/SectionHeader.svelte +29 -29
  83. package/dist/presets/badges.js +112 -112
  84. package/dist/presets/buttons.js +76 -76
  85. package/dist/presets/index.js +9 -9
  86. package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
  87. package/dist/primitives/Accordion/Accordion.svelte +42 -42
  88. package/dist/primitives/Accordion/AccordionItem.svelte +95 -95
  89. package/dist/primitives/Alert/Alert.spec.js +173 -173
  90. package/dist/primitives/Alert/Alert.stories.svelte +88 -88
  91. package/dist/primitives/Alert/Alert.svelte +27 -27
  92. package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
  93. package/dist/primitives/Avatar/Avatar.svelte +66 -66
  94. package/dist/primitives/AvatarButton/AvatarButton.svelte +57 -57
  95. package/dist/primitives/Badges/Badge.spec.js +144 -144
  96. package/dist/primitives/Badges/Badge.stories.svelte +86 -86
  97. package/dist/primitives/Badges/Badge.svelte +99 -99
  98. package/dist/primitives/BottomSheet/BottomSheet.spec.js +238 -238
  99. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
  100. package/dist/primitives/BottomSheet/BottomSheet.svelte +115 -115
  101. package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +123 -123
  102. package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
  103. package/dist/primitives/Breadcrumb/Breadcrumb.svelte +99 -99
  104. package/dist/primitives/Button/Button.spec.js +225 -225
  105. package/dist/primitives/Button/Button.stories.svelte +76 -76
  106. package/dist/primitives/Button/Button.svelte +278 -278
  107. package/dist/primitives/Button/ButtonGroup.svelte +50 -50
  108. package/dist/primitives/Button/ButtonSaveDemo.spec.js +146 -146
  109. package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
  110. package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
  111. package/dist/primitives/Card.spec.js +49 -49
  112. package/dist/primitives/Card.stories.svelte +22 -22
  113. package/dist/primitives/Card.svelte +28 -28
  114. package/dist/primitives/CardAction/CardAction.svelte +68 -68
  115. package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
  116. package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
  117. package/dist/primitives/DarkModeToggle.spec.js +390 -390
  118. package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
  119. package/dist/primitives/DarkModeToggle.svelte +136 -136
  120. package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
  121. package/dist/primitives/Drawer/Drawer.svelte +224 -224
  122. package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
  123. package/dist/primitives/Dropdown/Dropdown.svelte +170 -170
  124. package/dist/primitives/Dropdown/DropdownDivider.svelte +9 -9
  125. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
  126. package/dist/primitives/Helper/Helper.svelte +33 -33
  127. package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
  128. package/dist/primitives/Icons/ArrowRight.svelte +8 -8
  129. package/dist/primitives/Icons/Availability.svelte +14 -14
  130. package/dist/primitives/Icons/Back.svelte +14 -14
  131. package/dist/primitives/Icons/CheckCircle.svelte +6 -6
  132. package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
  133. package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
  134. package/dist/primitives/Icons/ChevronRight.svelte +4 -4
  135. package/dist/primitives/Icons/Copy.svelte +15 -15
  136. package/dist/primitives/Icons/Cross.svelte +5 -5
  137. package/dist/primitives/Icons/DownArrow.svelte +8 -8
  138. package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
  139. package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
  140. package/dist/primitives/Icons/Home.svelte +15 -15
  141. package/dist/primitives/Icons/Icon.spec.js +169 -169
  142. package/dist/primitives/Icons/Icon.stories.svelte +100 -100
  143. package/dist/primitives/Icons/Icon.svelte +52 -52
  144. package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
  145. package/dist/primitives/Icons/Info.svelte +7 -7
  146. package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
  147. package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
  148. package/dist/primitives/Icons/Message.svelte +15 -15
  149. package/dist/primitives/Icons/MoonIcon.svelte +5 -5
  150. package/dist/primitives/Icons/More.svelte +21 -21
  151. package/dist/primitives/Icons/MoreHori.spec.js +61 -61
  152. package/dist/primitives/Icons/MoreHori.svelte +22 -22
  153. package/dist/primitives/Icons/Notification.svelte +14 -14
  154. package/dist/primitives/Icons/Payment.svelte +14 -14
  155. package/dist/primitives/Icons/Profile.svelte +21 -21
  156. package/dist/primitives/Icons/Reload.svelte +29 -29
  157. package/dist/primitives/Icons/Shows.svelte +21 -21
  158. package/dist/primitives/Icons/Signout.svelte +21 -21
  159. package/dist/primitives/Icons/SunIcon.svelte +8 -8
  160. package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
  161. package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
  162. package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
  163. package/dist/primitives/Icons/WarningIcon.svelte +5 -5
  164. package/dist/primitives/Input/Input.spec.js +1237 -1235
  165. package/dist/primitives/Input/Input.stories.svelte +139 -139
  166. package/dist/primitives/Input/Input.svelte +431 -423
  167. package/dist/primitives/Input/Input.svelte.d.ts.map +1 -1
  168. package/dist/primitives/Input/Select.spec.js +632 -632
  169. package/dist/primitives/Input/Select.stories.svelte +112 -112
  170. package/dist/primitives/Input/Select.svelte +252 -252
  171. package/dist/primitives/Input/Textarea.stories.svelte +137 -137
  172. package/dist/primitives/Input/Textarea.svelte +105 -105
  173. package/dist/primitives/Label/Label.svelte +37 -37
  174. package/dist/primitives/LandingButton/LandingButton.svelte +92 -92
  175. package/dist/primitives/MenuItem/MenuItem.svelte +85 -85
  176. package/dist/primitives/Modal/Modal.spec.js +314 -314
  177. package/dist/primitives/Modal/Modal.stories.svelte +86 -86
  178. package/dist/primitives/Modal/Modal.svelte +181 -181
  179. package/dist/primitives/NavItem/NavItem.svelte +75 -75
  180. package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
  181. package/dist/primitives/Pagination/Pagination.svelte +261 -261
  182. package/dist/primitives/Radio/Radio.stories.svelte +80 -80
  183. package/dist/primitives/Radio/Radio.svelte +67 -67
  184. package/dist/primitives/SearchResultItem/SearchResultItem.svelte +109 -109
  185. package/dist/primitives/SidebarToggle/SidebarToggle.svelte +55 -55
  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 +84 -84
  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 +137 -137
  197. package/dist/primitives/Toggle.spec.js +221 -221
  198. package/dist/primitives/Toggle.stories.svelte +92 -92
  199. package/dist/primitives/Toggle.svelte +141 -141
  200. package/dist/primitives/Tooltip/Tooltip.svelte +83 -83
  201. package/dist/primitives/Typography/Typography.svelte +53 -53
  202. package/dist/primitives/ValidationError.spec.js +103 -103
  203. package/dist/primitives/ValidationError.stories.svelte +69 -69
  204. package/dist/primitives/ValidationError.svelte +29 -29
  205. package/dist/primitives/index.js +113 -113
  206. package/dist/recipes/CropImage/CropImage.spec.js +208 -208
  207. package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
  208. package/dist/recipes/CropImage/CropImage.svelte +241 -241
  209. package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
  210. package/dist/recipes/ImageUploader/ImageUploader.svelte +992 -992
  211. package/dist/recipes/SuperLogin/SuperLogin.spec.js +2 -2
  212. package/dist/recipes/SuperLogin/SuperLogin.svelte +1 -1
  213. package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
  214. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
  215. package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
  216. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
  217. package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
  218. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +133 -133
  219. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
  220. package/dist/recipes/fields/CheckboxField.svelte +85 -85
  221. package/dist/recipes/fields/FormField.svelte +58 -58
  222. package/dist/recipes/fields/RadioGroup.svelte +95 -95
  223. package/dist/recipes/fields/SelectField.svelte +82 -82
  224. package/dist/recipes/fields/TextareaField.svelte +97 -97
  225. package/dist/recipes/fields/ToggleField.svelte +60 -60
  226. package/dist/recipes/fields/index.js +7 -7
  227. package/dist/recipes/inputs/MultiSelect.spec.js +263 -263
  228. package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
  229. package/dist/recipes/inputs/MultiSelect.svelte +283 -283
  230. package/dist/recipes/inputs/OTPInput.spec.js +251 -251
  231. package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
  232. package/dist/recipes/inputs/OTPInput.svelte +117 -117
  233. package/dist/recipes/inputs/PasswordInput.svelte +22 -22
  234. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +131 -131
  235. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
  236. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +336 -336
  237. package/dist/recipes/inputs/Search.svelte +102 -102
  238. package/dist/recipes/inputs/index.js +7 -7
  239. package/dist/recipes/modals/AlertModal.svelte +130 -130
  240. package/dist/recipes/modals/ConfirmationModal.spec.js +396 -396
  241. package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
  242. package/dist/recipes/modals/ConfirmationModal.svelte +162 -162
  243. package/dist/recipes/modals/InputModal.svelte +182 -182
  244. package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
  245. package/dist/recipes/modals/ModalStateManager.svelte +77 -77
  246. package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
  247. package/dist/recipes/modals/StatusModal.svelte +206 -206
  248. package/dist/schemas/__tests__/auth.test.d.ts +2 -0
  249. package/dist/schemas/__tests__/auth.test.d.ts.map +1 -0
  250. package/dist/schemas/__tests__/auth.test.js +210 -0
  251. package/dist/schemas/__tests__/common.test.d.ts +2 -0
  252. package/dist/schemas/__tests__/common.test.d.ts.map +1 -0
  253. package/dist/schemas/__tests__/common.test.js +340 -0
  254. package/dist/schemas/__tests__/domain.test.d.ts +2 -0
  255. package/dist/schemas/__tests__/domain.test.d.ts.map +1 -0
  256. package/dist/schemas/__tests__/domain.test.js +293 -0
  257. package/dist/schemas/__tests__/order.test.d.ts +2 -0
  258. package/dist/schemas/__tests__/order.test.d.ts.map +1 -0
  259. package/dist/schemas/__tests__/order.test.js +349 -0
  260. package/dist/schemas/__tests__/user.test.d.ts +2 -0
  261. package/dist/schemas/__tests__/user.test.d.ts.map +1 -0
  262. package/dist/schemas/__tests__/user.test.js +325 -0
  263. package/dist/schemas/auth.d.ts +41 -0
  264. package/dist/schemas/auth.d.ts.map +1 -0
  265. package/dist/schemas/auth.js +69 -0
  266. package/dist/schemas/common.d.ts +43 -0
  267. package/dist/schemas/common.d.ts.map +1 -0
  268. package/dist/schemas/common.js +157 -0
  269. package/dist/schemas/event.d.ts +82 -0
  270. package/dist/schemas/event.d.ts.map +1 -0
  271. package/dist/schemas/event.js +58 -0
  272. package/dist/schemas/index.d.ts +10 -0
  273. package/dist/schemas/index.d.ts.map +1 -0
  274. package/dist/schemas/index.js +9 -0
  275. package/dist/schemas/order.d.ts +111 -0
  276. package/dist/schemas/order.d.ts.map +1 -0
  277. package/dist/schemas/order.js +73 -0
  278. package/dist/schemas/performer.d.ts +133 -0
  279. package/dist/schemas/performer.d.ts.map +1 -0
  280. package/dist/schemas/performer.js +73 -0
  281. package/dist/schemas/promo.d.ts +87 -0
  282. package/dist/schemas/promo.d.ts.map +1 -0
  283. package/dist/schemas/promo.js +98 -0
  284. package/dist/schemas/ticket.d.ts +104 -0
  285. package/dist/schemas/ticket.d.ts.map +1 -0
  286. package/dist/schemas/ticket.js +82 -0
  287. package/dist/schemas/user.d.ts +92 -0
  288. package/dist/schemas/user.d.ts.map +1 -0
  289. package/dist/schemas/user.js +53 -0
  290. package/dist/schemas/venue.d.ts +95 -0
  291. package/dist/schemas/venue.d.ts.map +1 -0
  292. package/dist/schemas/venue.js +52 -0
  293. package/dist/services/EventService.js +79 -79
  294. package/dist/services/EventService.spec.js +217 -217
  295. package/dist/services/ShowService.js +144 -144
  296. package/dist/services/ShowService.spec.js +345 -345
  297. package/dist/stores/auth.svelte.spec.js +1 -1
  298. package/dist/stores/toaster.js +13 -13
  299. package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
  300. package/dist/stories/ButtonAuditReview.svelte +427 -427
  301. package/dist/stories/PatternsGallery.stories.svelte +19 -19
  302. package/dist/stories/PatternsGallery.svelte +206 -206
  303. package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
  304. package/dist/stories/PrimitivesGallery.svelte +756 -756
  305. package/dist/stories/RecipesGallery.stories.svelte +19 -19
  306. package/dist/stories/RecipesGallery.svelte +454 -454
  307. package/dist/stories/button-audit-manifest.json +11186 -11186
  308. package/dist/tailwind/preset.cjs +82 -82
  309. package/dist/telemetry.js +402 -402
  310. package/dist/telemetry.server.js +212 -212
  311. package/dist/telemetry.server.spec.js +437 -437
  312. package/dist/telemetry.spec.js +1173 -1168
  313. package/dist/tokens/__tests__/sizing.test.js +2 -2
  314. package/dist/tokens/sizing.d.ts +5 -0
  315. package/dist/tokens/sizing.d.ts.map +1 -1
  316. package/dist/tokens/sizing.js +6 -0
  317. package/dist/tokens/tokens.css +87 -87
  318. package/dist/tokens/typography-base.css +163 -163
  319. package/dist/tokens/utilities.css +353 -353
  320. package/dist/utils/apiConfig.js +117 -117
  321. package/dist/utils/apiConfig.spec.js +219 -219
  322. package/dist/utils/greetings.js +187 -187
  323. package/dist/utils/haptic.spec.js +1 -1
  324. package/dist/utils/imageValidation.js +121 -121
  325. package/dist/utils/transitions.js +4 -4
  326. package/dist/utils/utils.js +693 -693
  327. package/package.json +292 -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/v2/public/events/venue'
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/v2/public/events/venue'
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
+ });