8c89b5d7fe
Replace require('react') with ESM imports of createElement and types
from React. This fixes the TS2591 error in tsc build for setup.ts.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
import '@testing-library/jest-dom/vitest'
|
|
import { vi } from 'vitest'
|
|
import { createElement, type ReactNode, type ComponentType } from 'react'
|
|
|
|
// Mock react-virtuoso: JSDOM has no real viewport, so render all items directly
|
|
vi.mock('react-virtuoso', () => ({
|
|
Virtuoso: ({ data, itemContent, components }: {
|
|
data?: unknown[]
|
|
itemContent?: (index: number, item: unknown) => ReactNode
|
|
components?: { Header?: ComponentType }
|
|
}) => {
|
|
const Header = components?.Header
|
|
return createElement('div', { 'data-testid': 'virtuoso-mock' },
|
|
Header ? createElement(Header) : null,
|
|
data?.map((item: unknown, index: number) =>
|
|
createElement('div', { key: index }, itemContent?.(index, item))
|
|
)
|
|
)
|
|
},
|
|
GroupedVirtuoso: ({ groupCounts, groupContent, itemContent }: {
|
|
groupCounts: number[]
|
|
groupContent: (index: number) => ReactNode
|
|
itemContent: (index: number, groupIndex: number) => ReactNode
|
|
}) => {
|
|
let globalIndex = 0
|
|
return createElement('div', { 'data-testid': 'grouped-virtuoso-mock' },
|
|
groupCounts?.map((count: number, groupIndex: number) => {
|
|
const items = []
|
|
for (let i = 0; i < count; i++) {
|
|
items.push(createElement('div', { key: globalIndex }, itemContent(globalIndex, groupIndex)))
|
|
globalIndex++
|
|
}
|
|
return createElement('div', { key: `group-${groupIndex}` },
|
|
groupContent(groupIndex),
|
|
...items
|
|
)
|
|
})
|
|
)
|
|
},
|
|
}))
|