266 lines
8.2 KiB
TypeScript
266 lines
8.2 KiB
TypeScript
import { describe, it, expect, beforeEach, vi } from 'vitest'
|
|
import { render, screen } from '@testing-library/react'
|
|
import userEvent from '@testing-library/user-event'
|
|
import { BrowserRouter } from 'react-router-dom'
|
|
import { Dashboard } from './Dashboard'
|
|
import * as hooks from '@/hooks'
|
|
import { useWorkspace, useAuth } from '@/context'
|
|
|
|
vi.mock('@/hooks')
|
|
vi.mock('@/context')
|
|
vi.mock('@/services/api')
|
|
|
|
const renderWithRouter = (component: React.ReactElement) => {
|
|
return render(<BrowserRouter>{component}</BrowserRouter>)
|
|
}
|
|
|
|
describe('Dashboard', () => {
|
|
const mockWorkspaceContext = {
|
|
workspace: { id: 'ws-1', name: 'Test Workspace', planningGoal: 'balanced' as const, createdAt: '2026-01-01' },
|
|
isLoading: false,
|
|
error: null,
|
|
workspaceId: 'ws-1',
|
|
setWorkspaceId: vi.fn(),
|
|
refetch: vi.fn(),
|
|
children: [{ id: 'c-1', name: 'Child 1', birth_date: '2022-01-01' }],
|
|
selectedChildId: 'c-1',
|
|
selectChild: vi.fn(),
|
|
personalDataUuid: 'pd-1',
|
|
parentName: 'Test Parent',
|
|
refreshContext: vi.fn(),
|
|
}
|
|
|
|
const mockAnalyticsData = {
|
|
workspaceId: 'ws-1',
|
|
childId: 'c-1',
|
|
parentProjections: [],
|
|
combinedDaysUsed: 30,
|
|
combinedDaysLeft: 270,
|
|
combinedExpiringAtB4: 100,
|
|
}
|
|
|
|
const mockParentalLeaveData = {
|
|
id: 'pf-1',
|
|
personalDataUuid: 'pd-1',
|
|
workspaceId: 'ws-1',
|
|
childId: 'c-1',
|
|
source: 'scraped' as const,
|
|
fetchedAt: '2026-06-13T10:00:00Z',
|
|
totalDays: 300,
|
|
daysUsed: 30,
|
|
daysLeft: 270,
|
|
reservedDaysTotal: 90,
|
|
reservedDaysLeft: 80,
|
|
transferableDaysLeft: 50,
|
|
dubbeldagarLeft: 60,
|
|
tierData: {
|
|
sjukpenningTotal: 100,
|
|
sjukpenningUsed: 10,
|
|
sjukpenningLeft: 90,
|
|
lagstaNivaTotal: 200,
|
|
lagstaNivaUsed: 20,
|
|
lagstaNivaLeft: 180,
|
|
},
|
|
createdAt: '2026-06-13T10:00:00Z',
|
|
updatedAt: '2026-06-13T10:00:00Z',
|
|
}
|
|
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
vi.mocked(useAuth).mockReturnValue({
|
|
accessToken: 'token',
|
|
isAuthenticated: true,
|
|
isLoading: false,
|
|
login: vi.fn(),
|
|
register: vi.fn(),
|
|
logout: vi.fn(),
|
|
} as any)
|
|
vi.mocked(useWorkspace).mockReturnValue(mockWorkspaceContext as any)
|
|
vi.mocked(hooks.useAnalytics).mockReturnValue({
|
|
data: mockAnalyticsData,
|
|
isLoading: false,
|
|
error: null,
|
|
refresh: vi.fn(),
|
|
} as any)
|
|
vi.mocked(hooks.useParentalLeave).mockReturnValue({
|
|
data: mockParentalLeaveData,
|
|
isLoading: false,
|
|
error: null,
|
|
refresh: vi.fn(),
|
|
} as any)
|
|
vi.mocked(hooks.usePlannedDays).mockReturnValue({
|
|
data: [
|
|
{ id: '1', workspaceId: 'ws-1', childId: 'c-1', parentPersonalDataUuid: 'pd-1', date: '2026-06-15', dayType: 'vacation', isDubbeldag: false, createdAt: '', updatedAt: '' },
|
|
{ id: '2', workspaceId: 'ws-1', childId: 'c-1', parentPersonalDataUuid: 'pd-1', date: '2026-06-16', dayType: 'sjukpenning', isDubbeldag: false, createdAt: '', updatedAt: '' },
|
|
],
|
|
isLoading: false,
|
|
error: null,
|
|
add: vi.fn(),
|
|
remove: vi.fn(),
|
|
} as any)
|
|
vi.mocked(hooks.useBreakPeriods).mockReturnValue({
|
|
data: [],
|
|
isLoading: false,
|
|
error: null,
|
|
add: vi.fn(),
|
|
remove: vi.fn(),
|
|
} as any)
|
|
vi.mocked(hooks.useScraperFetch).mockReturnValue({
|
|
sessionId: null,
|
|
pollData: null,
|
|
resolvedIds: null,
|
|
error: null,
|
|
isUnauthorized: false,
|
|
start: vi.fn(),
|
|
cancel: vi.fn(),
|
|
isRunning: false,
|
|
isTerminal: false,
|
|
} as any)
|
|
})
|
|
|
|
it('renders loading spinner initially', () => {
|
|
vi.mocked(useWorkspace).mockReturnValue({
|
|
...mockWorkspaceContext,
|
|
isLoading: true,
|
|
} as any)
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByText(/Loading dashboard/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows add child form when no children', () => {
|
|
vi.mocked(useWorkspace).mockReturnValue({
|
|
...mockWorkspaceContext,
|
|
children: [],
|
|
selectedChildId: null,
|
|
} as any)
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByText(/Du har inga barn registrerade ännu/)).toBeInTheDocument()
|
|
expect(screen.getByLabelText(/Barnets namn/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows overview metrics when children exist', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByTestId('overview-metrics')).toBeInTheDocument()
|
|
expect(screen.getByText(/Days Used/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows parental leave breakdown when data exists', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByTestId('parental-leave-breakdown')).toBeInTheDocument()
|
|
expect(screen.getByText(/Reserverade dagar/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('renders FK fetch button', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByRole('button', { name: /Hämta från Försäkringskassan/ })).toBeInTheDocument()
|
|
})
|
|
|
|
it('disables FK fetch button when no child selected', () => {
|
|
vi.mocked(useWorkspace).mockReturnValue({
|
|
...mockWorkspaceContext,
|
|
selectedChildId: null,
|
|
} as any)
|
|
renderWithRouter(<Dashboard />)
|
|
const button = screen.getByRole('button', { name: /Hämta från Försäkringskassan/ })
|
|
expect(button).toBeDisabled()
|
|
})
|
|
|
|
it('enables FK fetch button when child selected', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
const button = screen.getByRole('button', { name: /Hämta från Försäkringskassan/ })
|
|
expect(button).not.toBeDisabled()
|
|
})
|
|
|
|
it('shows planned days breakdown', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByTestId('days-breakdown')).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows progress chart with real data', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByTestId('progress-chart')).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows Swedish section headings', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByTestId('metrics-title')).toHaveTextContent(/Översikt/)
|
|
expect(screen.getAllByText(/Planerade dagar/)[0]).toBeInTheDocument()
|
|
expect(screen.getByText(/Återstående till 4 års ålder/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows break periods section when periods exist', () => {
|
|
vi.mocked(hooks.useBreakPeriods).mockReturnValue({
|
|
data: [
|
|
{
|
|
id: 'bp-1',
|
|
workspaceId: 'ws-1',
|
|
name: 'Summer Break',
|
|
startDate: '2026-06-20',
|
|
endDate: '2026-08-31',
|
|
targetWeeks: 8,
|
|
createdAt: '2026-06-13T10:00:00Z',
|
|
updatedAt: '2026-06-13T10:00:00Z',
|
|
},
|
|
],
|
|
isLoading: false,
|
|
error: null,
|
|
add: vi.fn(),
|
|
remove: vi.fn(),
|
|
} as any)
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByText(/Break Periods/)).toBeInTheDocument()
|
|
expect(screen.getByText(/Summer Break/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('displays error message if analytics fails', () => {
|
|
vi.mocked(hooks.useAnalytics).mockReturnValue({
|
|
data: null,
|
|
isLoading: false,
|
|
error: 'Failed to load analytics',
|
|
refresh: vi.fn(),
|
|
} as any)
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByText(/Failed to load analytics/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows empty state for parental leave when data is null', () => {
|
|
vi.mocked(hooks.useParentalLeave).mockReturnValue({
|
|
data: null,
|
|
isLoading: false,
|
|
error: null,
|
|
refresh: vi.fn(),
|
|
} as any)
|
|
renderWithRouter(<Dashboard />)
|
|
expect(screen.getByText(/Ingen data hämtad ännu/)).toBeInTheDocument()
|
|
})
|
|
|
|
it('opens QR code modal on FK fetch button click', async () => {
|
|
const user = userEvent.setup()
|
|
const mockStart = vi.fn()
|
|
vi.mocked(hooks.useScraperFetch).mockReturnValue({
|
|
sessionId: null,
|
|
pollData: null,
|
|
resolvedIds: null,
|
|
error: null,
|
|
isUnauthorized: false,
|
|
start: mockStart,
|
|
cancel: vi.fn(),
|
|
isRunning: false,
|
|
isTerminal: false,
|
|
} as any)
|
|
|
|
renderWithRouter(<Dashboard />)
|
|
const button = screen.getByRole('button', { name: /Hämta från Försäkringskassan/ })
|
|
await user.click(button)
|
|
|
|
expect(mockStart).toHaveBeenCalledWith('c-1')
|
|
})
|
|
|
|
it('shows FK button is not disabled by default with child selected', () => {
|
|
renderWithRouter(<Dashboard />)
|
|
const button = screen.getByRole('button', { name: /Hämta från Försäkringskassan/ })
|
|
expect(button).toBeInTheDocument()
|
|
expect(button).not.toBeDisabled()
|
|
})
|
|
})
|