26 lines
820 B
TypeScript
26 lines
820 B
TypeScript
import { render, screen } from '@testing-library/react'
|
|
import { describe, test, expect } from 'vitest'
|
|
import SectionCanvas from './SectionCanvas'
|
|
import type { Section } from '@/lib/state/store'
|
|
|
|
describe('SectionCanvas a11y', () => {
|
|
test('renders dnd-kit live region and instructions', () => {
|
|
const sections: Section[] = []
|
|
render(
|
|
<SectionCanvas
|
|
sections={sections}
|
|
onMove={() => {}}
|
|
onRemove={() => {}}
|
|
onSelect={() => {}}
|
|
/>
|
|
)
|
|
|
|
// dnd-kit screen reader instructions should be present in the DOM
|
|
expect(screen.getByText(/To pick up a draggable item/i)).toBeInTheDocument()
|
|
|
|
// Live region for announcements should exist
|
|
const liveRegion = screen.getByRole('status')
|
|
expect(liveRegion).toHaveAttribute('aria-live', 'assertive')
|
|
})
|
|
})
|