99 lines
3.5 KiB
TypeScript
99 lines
3.5 KiB
TypeScript
// @vitest-environment jsdom
|
|
import '@testing-library/jest-dom'
|
|
import { describe, it, expect, vi } from 'vitest'
|
|
import { render, screen } from '@testing-library/react'
|
|
import type { SoloTask } from '@/components/solo/solo-board'
|
|
|
|
vi.mock('@/components/ui/tooltip', () => ({
|
|
TooltipProvider: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
Tooltip: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
TooltipTrigger: ({ render: r, children }: { render?: React.ReactElement; children?: React.ReactNode }) =>
|
|
r ? <>{r}</> : <>{children}</>,
|
|
TooltipContent: ({ children }: { children: React.ReactNode }) =>
|
|
<span data-testid="tooltip-content">{children}</span>,
|
|
}))
|
|
|
|
vi.mock('@dnd-kit/core', () => ({
|
|
useDraggable: () => ({
|
|
attributes: {},
|
|
listeners: {},
|
|
setNodeRef: vi.fn(),
|
|
transform: null,
|
|
isDragging: false,
|
|
}),
|
|
}))
|
|
|
|
vi.mock('@/stores/solo-store', () => ({
|
|
useSoloStore: () => null,
|
|
}))
|
|
|
|
vi.mock('@/components/shared/code-badge', () => ({
|
|
CodeBadge: ({ code }: { code: string }) => <span data-testid="code-badge">{code}</span>,
|
|
}))
|
|
|
|
import { SoloTaskCard, SoloTaskCardOverlay } from '@/components/solo/solo-task-card'
|
|
|
|
function makeSoloTask(overrides: Partial<SoloTask> = {}): SoloTask {
|
|
return {
|
|
id: 'task-1',
|
|
title: 'Taak titel',
|
|
description: 'Omschrijving van de taak die langer is dan tachtig tekens voor de tooltip test',
|
|
implementation_plan: null,
|
|
priority: 2,
|
|
sort_order: 0,
|
|
status: 'TO_DO',
|
|
verify_only: false,
|
|
verify_required: 'ALIGNED',
|
|
story_id: 'story-1',
|
|
story_code: 'ST-1',
|
|
story_title: 'Story titel',
|
|
task_code: 'T-1',
|
|
pbi_code: 'PBI-1',
|
|
pbi_title: 'PBI titel',
|
|
pbi_description: 'PBI omschrijving',
|
|
...overrides,
|
|
}
|
|
}
|
|
|
|
describe('SoloTaskCard', () => {
|
|
it('toont taaknaam, story_code en story_title', () => {
|
|
render(<SoloTaskCard task={makeSoloTask()} isDemo={false} onClick={vi.fn()} />)
|
|
// title appears in card + tooltip-content mock, so use getAllByText
|
|
expect(screen.getAllByText('Taak titel').length).toBeGreaterThan(0)
|
|
expect(screen.getByText('ST-1')).toBeInTheDocument()
|
|
expect(screen.getByText('Story titel')).toBeInTheDocument()
|
|
})
|
|
|
|
it('verbergt pbi_code badge als pbi_code null is', () => {
|
|
render(<SoloTaskCard task={makeSoloTask({ pbi_code: null, pbi_title: null, pbi_description: null })} isDemo={false} onClick={vi.fn()} />)
|
|
const badges = screen.queryAllByTestId('code-badge')
|
|
const pbiAttempt = badges.find(b => b.textContent === 'PBI-1')
|
|
expect(pbiAttempt).toBeUndefined()
|
|
})
|
|
|
|
it('verbergt description-paragraaf als description null is', () => {
|
|
render(<SoloTaskCard task={makeSoloTask({ description: null })} isDemo={false} onClick={vi.fn()} />)
|
|
expect(screen.queryByText('Omschrijving')).not.toBeInTheDocument()
|
|
})
|
|
|
|
it('rendert zonder crash met alle velden ingevuld', () => {
|
|
expect(() =>
|
|
render(<SoloTaskCard task={makeSoloTask()} isDemo={false} onClick={vi.fn()} />)
|
|
).not.toThrow()
|
|
})
|
|
})
|
|
|
|
describe('SoloTaskCardOverlay', () => {
|
|
it('toont taaknaam en codes zonder tooltip-wrappers', () => {
|
|
render(<SoloTaskCardOverlay task={makeSoloTask()} />)
|
|
expect(screen.getAllByText('Taak titel').length).toBeGreaterThan(0)
|
|
expect(screen.getByText('ST-1')).toBeInTheDocument()
|
|
expect(screen.getByText('Story titel')).toBeInTheDocument()
|
|
})
|
|
|
|
it('rendert zonder crash als pbi_code null is', () => {
|
|
expect(() =>
|
|
render(<SoloTaskCardOverlay task={makeSoloTask({ pbi_code: null, pbi_title: null, pbi_description: null })} />)
|
|
).not.toThrow()
|
|
})
|
|
})
|