Initial commit

tests/ui.store.spec.ts

@@ -0,0 +1,69 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { createPinia, setActivePinia } from 'pinia'
+import { useUiStore } from '../app/stores/ui'
+
+describe('useUiStore', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    vi.restoreAllMocks()
+  })
+
+  it('tracks page loading state across nested requests', () => {
+    const store = useUiStore()
+
+    expect(store.isPageLoading).toBe(false)
+
+    store.startLoading()
+    store.startLoading()
+
+    expect(store.isPageLoading).toBe(true)
+
+    store.stopLoading()
+    expect(store.isPageLoading).toBe(true)
+
+    store.stopLoading()
+    store.stopLoading()
+    expect(store.isPageLoading).toBe(false)
+
+    store.setLoading(true)
+    expect(store.isPageLoading).toBe(true)
+
+    store.setLoading(false)
+    expect(store.isPageLoading).toBe(false)
+  })
+
+  it('creates notifications with a default tone and removes them by id', () => {
+    const store = useUiStore()
+
+    vi.spyOn(crypto, 'randomUUID').mockReturnValue('generated-id')
+
+    const id = store.pushNotification({
+      title: 'Saved',
+      message: 'Changes were stored.'
+    })
+
+    expect(id).toBe('generated-id')
+    expect(store.notifications).toEqual([
+      {
+        id: 'generated-id',
+        title: 'Saved',
+        message: 'Changes were stored.',
+        tone: 'info'
+      }
+    ])
+
+    store.pushNotification({
+      id: 'custom-id',
+      title: 'Warning',
+      tone: 'warning'
+    })
+
+    expect(store.notifications).toHaveLength(2)
+
+    store.removeNotification('generated-id')
+    expect(store.notifications.map((notification) => notification.id)).toEqual(['custom-id'])
+
+    store.clearNotifications()
+    expect(store.notifications).toEqual([])
+  })
+})