feat: added delete list & list items

src/components/__tests__/ShareListModal.spec.ts

@@ -0,0 +1,87 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { mount } from '@vue/test-utils'
+import { createPinia, setActivePinia } from 'pinia'
+import ShareListModal from '../ShareListModal.vue'
+import { useListsStore } from '@/stores/lists'
+import type { LocalList } from '@/database/db'
+
+describe('ShareListModal', () => {
+  const sampleList: LocalList = {
+    id: 'list-123',
+    name: 'Groceries',
+    created_at: '2026-08-21T00:00:00.000Z',
+    modified_at: '2026-08-21T00:00:00.000Z',
+  }
+
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    vi.restoreAllMocks()
+  })
+
+  it('renders modal with list name and user input', () => {
+    const wrapper = mount(ShareListModal, {
+      props: {
+        list: sampleList,
+      },
+    })
+
+    expect(wrapper.text()).toContain('Share "Groceries"')
+    expect(wrapper.find('input[placeholder="Email"]').exists()).toBe(true)
+    expect(wrapper.find('button[type="submit"]').text()).toBe('Add')
+  })
+
+  it('submits form to share list with an email', async () => {
+    const listsStore = useListsStore()
+    const addSpy = vi.spyOn(listsStore, 'addUserToList').mockResolvedValueOnce()
+
+    const wrapper = mount(ShareListModal, {
+      props: {
+        list: sampleList,
+      },
+    })
+
+    await wrapper.find('input').setValue('user@example.com')
+    await wrapper.find('form').trigger('submit.prevent')
+
+    expect(addSpy).toHaveBeenCalledWith('list-123', 'user@example.com')
+    expect(wrapper.find('.banner-success').text()).toContain('Shared with "user@example.com"!')
+  })
+
+  it('displays error banner when sharing fails', async () => {
+    const listsStore = useListsStore()
+    vi.spyOn(listsStore, 'addUserToList').mockRejectedValueOnce(new Error('User not found'))
+
+    const wrapper = mount(ShareListModal, {
+      props: {
+        list: sampleList,
+      },
+    })
+
+    await wrapper.find('input').setValue('bad@example.com')
+    await wrapper.find('form').trigger('submit.prevent')
+
+    expect(wrapper.find('.banner-error').text()).toContain('User not found')
+  })
+
+  it('emits close event when close button is clicked', async () => {
+    const wrapper = mount(ShareListModal, {
+      props: {
+        list: sampleList,
+      },
+    })
+
+    await wrapper.find('.close-btn').trigger('click')
+    expect(wrapper.emitted('close')).toBeTruthy()
+  })
+
+  it('emits close event when Done button is clicked', async () => {
+    const wrapper = mount(ShareListModal, {
+      props: {
+        list: sampleList,
+      },
+    })
+
+    await wrapper.find('.modal-footer .btn').trigger('click')
+    expect(wrapper.emitted('close')).toBeTruthy()
+  })
+})