Madhura68
b05c4d241b
Story 1 van PBI "Alle dialogen conform docs/patterns/dialog.md". - components/shared/use-dirty-close-guard.tsx — hook + paired AlertDialog - components/shared/use-dialog-submit-shortcut.ts — Cmd/Ctrl+Enter handler - components/shared/entity-dialog-layout.ts — MD3-conforme classes voor §4 - TaskDialog refactored om beide hooks + classes te gebruiken (geen gedragsverandering) - 8 nieuwe unit-tests Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { describe, it, expect, vi } from 'vitest'
|
|
import { renderHook, act } from '@testing-library/react'
|
|
import { useDirtyCloseGuard } from '@/components/shared/use-dirty-close-guard'
|
|
|
|
describe('useDirtyCloseGuard', () => {
|
|
it('sluit direct als form niet dirty is', () => {
|
|
const onClose = vi.fn()
|
|
const { result } = renderHook(() => useDirtyCloseGuard(false, onClose))
|
|
|
|
act(() => result.current.attemptClose())
|
|
|
|
expect(onClose).toHaveBeenCalledTimes(1)
|
|
expect(result.current.confirmOpen).toBe(false)
|
|
})
|
|
|
|
it('opent confirm als form dirty is', () => {
|
|
const onClose = vi.fn()
|
|
const { result } = renderHook(() => useDirtyCloseGuard(true, onClose))
|
|
|
|
act(() => result.current.attemptClose())
|
|
|
|
expect(onClose).not.toHaveBeenCalled()
|
|
expect(result.current.confirmOpen).toBe(true)
|
|
})
|
|
|
|
it('confirmDiscard sluit confirm en roept onClose', () => {
|
|
const onClose = vi.fn()
|
|
const { result } = renderHook(() => useDirtyCloseGuard(true, onClose))
|
|
|
|
act(() => result.current.attemptClose())
|
|
expect(result.current.confirmOpen).toBe(true)
|
|
|
|
act(() => result.current.confirmDiscard())
|
|
|
|
expect(onClose).toHaveBeenCalledTimes(1)
|
|
expect(result.current.confirmOpen).toBe(false)
|
|
})
|
|
|
|
it('setConfirmOpen(false) annuleert zonder onClose te roepen', () => {
|
|
const onClose = vi.fn()
|
|
const { result } = renderHook(() => useDirtyCloseGuard(true, onClose))
|
|
|
|
act(() => result.current.attemptClose())
|
|
act(() => result.current.setConfirmOpen(false))
|
|
|
|
expect(onClose).not.toHaveBeenCalled()
|
|
expect(result.current.confirmOpen).toBe(false)
|
|
})
|
|
})
|