portainer/app/react/components/form-components/FileUpload/FileUploadField.test.tsx

import { fireEvent, render } from '@testing-library/react';

import { FileUploadField } from './FileUploadField';

test('render should make the file button clickable and fire onChange event after click', async () => {
  const onClick = vi.fn();
  const { findByText, findByLabelText } = render(
    <FileUploadField
      title="test button"
      onChange={onClick}
      inputId="file-field"
    />
  );

  const button = await findByText('test button');
  expect(button).toBeVisible();

  const input = await findByLabelText('file-input');
  expect(input).not.toBeNull();

  const mockFile = new File([], 'file.txt');
  if (input) {
    fireEvent.change(input, {
      target: { files: [mockFile] },
    });
  }
  expect(onClick).toHaveBeenCalledWith(mockFile);
});