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'; import { MemoryRouter } from 'react-router'; import { AppRoutes } from '../AppRoutes'; import { act, fireEvent, render, screen } from '../test-utils/render'; let medplum = new MockClient(); async function setup(url: string): Promise<void> { await act(async () => { render( <MedplumProvider medplum={medplum}> <MemoryRouter initialEntries={[url]} initialIndex={0}> <AppRoutes /> </MemoryRouter> </MedplumProvider> ); }); } describe('EditMembershipPage', () => { beforeEach(() => { medplum = new MockClient(); medplum.setActiveLoginOverride({ accessToken: '123', refreshToken: '456', profile: { reference: 'Practitioner/123', }, project: { reference: 'Project/123', }, }); jest.useFakeTimers(); }); afterEach(async () => { await act(async () => { jest.runOnlyPendingTimers(); }); jest.useRealTimers(); }); test('Renders', async () => { await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); const badgeElement = screen.getByText('Alice Smith'); expect(badgeElement).toBeInTheDocument(); expect(badgeElement).toBeInstanceOf(HTMLAnchorElement); }); test('Submit success', async () => { await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); await act(async () => { fireEvent.click(screen.getByText('Save')); }); expect(screen.getByText('User updated')).toBeInTheDocument(); }); test('Submit with access policy', async () => { await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); const input = screen.getByPlaceholderText('Access Policy') as HTMLInputElement; // Enter "Example Access Policy" await act(async () => { fireEvent.change(input, { target: { value: 'Example Access Policy' } }); }); // Wait for the drop down await act(async () => { jest.advanceTimersByTime(1000); }); // Press the down arrow await act(async () => { fireEvent.keyDown(input, { key: 'ArrowDown', code: 'ArrowDown' }); }); // Press "Enter" await act(async () => { fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' }); }); await act(async () => { fireEvent.click(screen.getByText('Save')); }); expect(screen.getByText('User updated')).toBeInTheDocument(); }); test('Submit with user configuration', async () => { await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); const input = screen.getByPlaceholderText('User Configuration') as HTMLInputElement; // Enter "Example Access Policy" await act(async () => { fireEvent.change(input, { target: { value: 'Example User Configuration' } }); }); // Wait for the drop down await act(async () => { jest.advanceTimersByTime(1000); }); // Press the down arrow await act(async () => { fireEvent.keyDown(input, { key: 'ArrowDown', code: 'ArrowDown' }); }); // Press "Enter" await act(async () => { fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' }); }); await act(async () => { fireEvent.click(screen.getByText('Save')); }); expect(screen.getByText('User updated')).toBeInTheDocument(); }); test('Submit with admin', async () => { const medplumPostSpy = jest.spyOn(medplum, 'post'); await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); const input = screen.getByLabelText('Admin') as HTMLInputElement; await act(async () => { fireEvent.click(input); }); await act(async () => { fireEvent.click(screen.getByText('Save')); }); expect(screen.getByText('User updated')).toBeInTheDocument(); expect(medplumPostSpy).toHaveBeenCalledWith( `admin/projects/123/members/456`, expect.objectContaining({ admin: true, }) ); }); test('Remove admin', async () => { const medplumPostSpy = jest.spyOn(medplum, 'post'); await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); const input = screen.getByLabelText('Admin') as HTMLInputElement; // Click once to set admin await act(async () => { fireEvent.click(input); }); // Click again to remove admin await act(async () => { fireEvent.click(input); }); await act(async () => { fireEvent.click(screen.getByText('Save')); }); expect(screen.getByText('User updated')).toBeInTheDocument(); expect(medplumPostSpy).toHaveBeenCalledWith( `admin/projects/123/members/456`, expect.objectContaining({ admin: false, }) ); }); test('Remove user accept confirm', async () => { await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); expect(screen.getByText('Remove user')).toBeInTheDocument(); await act(async () => { window.confirm = jest.fn(() => true); fireEvent.click(screen.getByText('Remove user')); }); // Should be back on the project page expect(screen.getAllByText('Project 123')).not.toHaveLength(0); }); test('Remove user reject confirm', async () => { await setup('/admin/members/456'); expect(await screen.findByText('Save')).toBeInTheDocument(); expect(screen.getByText('Remove user')).toBeInTheDocument(); await act(async () => { window.confirm = jest.fn(() => false); fireEvent.click(screen.getByText('Remove user')); }); expect(screen.queryByTestId('success')).toBeNull(); }); });