Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { MockClient } from '@medplum/mock'; import { MedplumProvider } from '@medplum/react-hooks'; import { act, fireEvent, render, screen } from '../test-utils/render'; import type { AttachmentInputProps } from './AttachmentInput'; import { AttachmentInput } from './AttachmentInput'; const medplum = new MockClient(); function setup(args?: AttachmentInputProps): void { render( <MedplumProvider medplum={medplum}> <AttachmentInput path="" name="test" {...args} /> </MedplumProvider> ); } describe('AttachmentInput', () => { beforeAll(async () => { global.URL.createObjectURL = jest.fn(() => 'details'); }); test('Renders', () => { setup(); }); test('Renders attachments', async () => { await act(async () => { await setup({ path: '', name: 'test', defaultValue: { contentType: 'image/jpeg', url: 'https://example.com/test.jpg', title: 'test.jpg', }, }); }); expect(await screen.findByAltText('test.jpg')).toBeInTheDocument(); }); test('Add attachment', async () => { setup(); await act(async () => { const files = [new File(['hello'], 'hello.txt', { type: 'text/plain' })]; fireEvent.change(screen.getByTestId('upload-file-input'), { target: { files }, }); }); expect(screen.getByText('hello.txt')).toBeInTheDocument(); }); test('Remove attachment', async () => { await act(async () => { await setup({ path: '', name: 'test', defaultValue: { contentType: 'image/jpeg', url: 'https://example.com/test.jpg', title: 'test.jpg', }, }); }); expect(await screen.findByAltText('test.jpg')).toBeInTheDocument(); await act(async () => { fireEvent.click(screen.getByText('Remove')); }); expect(screen.queryByText('image/jpeg')).toBeNull(); }); test('Calls onChange', async () => { const onChange = jest.fn(); setup({ path: '', name: 'test', onChange, }); await act(async () => { const files = [new File(['hello'], 'hello.txt', { type: 'text/plain' })]; fireEvent.change(screen.getByTestId('upload-file-input'), { target: { files }, }); }); expect(onChange).toHaveBeenCalled(); }); });