test: add coverage for formatDate, isOverdue, handleDragEnd, handleCardClick, handleModalClose (#517)

Brings src/components/board/** function coverage above the 70% threshold.
CardItem.vue reaches 100% function coverage.

Author: Chris0Jeky

frontend/taskdeck-web/src/tests/components/CardItem.spec.ts

@@ -21,6 +21,25 @@ function createCard(): Card {
   }
 }
 
+describe('CardItem — date display', () => {
+  it('renders formatted due date and overdue indicator when dueDate is in the past', () => {
+    const card = createCard()
+    card.dueDate = '2020-01-01T00:00:00.000Z' // definitely in the past
+    const wrapper = mount(CardItem, { props: { card } })
+    expect(wrapper.find('.td-board-card__due').exists()).toBe(true)
+    expect(wrapper.find('.td-board-card__due--overdue').exists()).toBe(true)
+    expect(wrapper.text()).toContain('Overdue')
+  })
+
+  it('renders due date without overdue indicator when dueDate is in the future', () => {
+    const card = createCard()
+    card.dueDate = '2099-12-31T00:00:00.000Z'
+    const wrapper = mount(CardItem, { props: { card } })
+    expect(wrapper.find('.td-board-card__due').exists()).toBe(true)
+    expect(wrapper.find('.td-board-card__due--overdue').exists()).toBe(false)
+  })
+})
+
 describe('CardItem drag guardrails', () => {
   it('exposes an explicit enlarged drag handle control', () => {
     const wrapper = mount(CardItem, {
@@ -71,4 +90,11 @@ describe('CardItem drag guardrails', () => {
     expect(setData).toHaveBeenCalledWith('text/plain', card.id)
     expect(wrapper.emitted('dragstart')).toEqual([[card]])
   })
+
+  it('emits dragend and clears dragging state on dragend', async () => {
+    const card = createCard()
+    const wrapper = mount(CardItem, { props: { card } })
+    await wrapper.get('[data-action="drag-card-handle"]').trigger('dragend')
+    expect(wrapper.emitted('dragend')).toHaveLength(1)
+  })
 })

frontend/taskdeck-web/src/tests/components/ColumnLane.spec.ts

@@ -290,3 +290,44 @@ describe('ColumnLane — WIP limit enforcement', () => {
     })
   })
 })
+
+describe('ColumnLane — card modal', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    vi.mocked(useBoardStore).mockReturnValue({
+      createCard: vi.fn().mockResolvedValue({}),
+      moveCard: vi.fn().mockResolvedValue({}),
+    } as any)
+  })
+
+  it('opens the card modal when handleCardClick is called', async () => {
+    const column = makeColumn()
+    const card = makeCard('c1')
+    const wrapper = mount(ColumnLane, {
+      props: { ...defaultProps, column, cards: [card] },
+      global: { stubs: { CardItem: true, CardModal: true, ColumnEditModal: true } },
+    })
+
+    await (wrapper.vm as any).handleCardClick(card)
+    await wrapper.vm.$nextTick()
+
+    expect((wrapper.vm as any).selectedCard).toEqual(card)
+    expect((wrapper.vm as any).showCardModal).toBe(true)
+  })
+
+  it('closes the card modal and clears selectedCard when handleModalClose is called', async () => {
+    const column = makeColumn()
+    const card = makeCard('c1')
+    const wrapper = mount(ColumnLane, {
+      props: { ...defaultProps, column, cards: [card] },
+      global: { stubs: { CardItem: true, CardModal: true, ColumnEditModal: true } },
+    })
+
+    await (wrapper.vm as any).handleCardClick(card)
+    await (wrapper.vm as any).handleModalClose()
+    await wrapper.vm.$nextTick()
+
+    expect((wrapper.vm as any).selectedCard).toBeNull()
+    expect((wrapper.vm as any).showCardModal).toBe(false)
+  })
+})