blessing-skin-server/resources/assets/tests/components/FileInput.test.tsx
2024-02-23 16:58:50 +08:00

40 lines
900 B
TypeScript

import { expect, test } from 'vitest'
import { render, fireEvent } from '@testing-library/react'
import { t } from '@/scripts/i18n'
import FileInput from '@/components/FileInput'
test('click to select file', () => {
const { getAllByText } = render(
<FileInput
file={null}
onChange={() => {
/* */
}}
/>,
)
fireEvent.click(getAllByText(t('skinlib.upload.select-file'))[1]!)
})
test('display file name', () => {
const file = new File([], 'f.txt')
const { queryByText } = render(
<FileInput
file={file}
onChange={() => {
/* */
}}
/>,
)
expect(queryByText('f.txt')).toBeInTheDocument()
})
test('input file', () => {
const mock = vi.fn()
const { getByLabelText } = render(<FileInput file={null} onChange={mock} />)
fireEvent.change(getByLabelText(t('skinlib.upload.select-file')))
expect(mock).toBeCalled()
})