File size: 2,342 Bytes
004f460 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | import { describe, it, expect, vi, beforeEach } from 'vitest'
import { render, screen, fireEvent, waitFor } from '@testing-library/react'
import { I18nProvider } from '../i18n'
import { SampleCapture, type Modality } from './SampleCapture'
function renderSC(modality: Modality, onChange = vi.fn(), demoSample?: string) {
render(
<I18nProvider initial="en">
<SampleCapture modality={modality} id="s" value={null} onChange={onChange} demoSample={demoSample} />
</I18nProvider>,
)
return onChange
}
describe('SampleCapture', () => {
beforeEach(() => vi.restoreAllMocks())
it('fingerprint shows the honest "image upload, not sensor" note', () => {
renderSC('fingerprint')
expect(screen.getByText(/cannot read your device fingerprint sensor/i)).toBeInTheDocument()
})
it('upload validates + emits a data URI', async () => {
const onChange = renderSC('fingerprint')
const input = document.querySelector('input[type=file]') as HTMLInputElement
const file = new File(['x'], 'fp.png', { type: 'image/png' })
fireEvent.change(input, { target: { files: [file] } })
await waitFor(() => expect(onChange).toHaveBeenCalled())
expect(String(onChange.mock.calls[0][0])).toMatch(/^data:/)
})
it('rejects a non-image upload for an image slot', async () => {
const onChange = renderSC('fingerprint')
const input = document.querySelector('input[type=file]') as HTMLInputElement
fireEvent.change(input, { target: { files: [new File(['x'], 'a.wav', { type: 'audio/wav' })] } })
await screen.findByText(/choose an image file/i)
expect(onChange).not.toHaveBeenCalled()
})
it('"Use demo sample" emits the provided sample', () => {
const onChange = renderSC('fingerprint', vi.fn(), 'BASE64SAMPLE')
fireEvent.click(screen.getByRole('button', { name: 'Use demo sample' }))
expect(onChange).toHaveBeenCalledWith('BASE64SAMPLE')
})
it('face camera permission denied shows guidance', async () => {
Object.defineProperty(navigator, 'mediaDevices', {
configurable: true,
value: { getUserMedia: vi.fn().mockRejectedValue(Object.assign(new Error('no'), { name: 'NotAllowedError' })) },
})
renderSC('face')
fireEvent.click(screen.getByRole('button', { name: 'Use camera' }))
await screen.findByText(/Camera permission denied/i)
})
})
|