Fix clipboard tests

Signed-off-by: Taylor Smock <[email protected]>
hotosm · Jun 2, 2023 · b90a6dc · b90a6dc
1 parent 2808165
commit b90a6dc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 22 deletions.
diff --git a/frontend/src/components/taskSelection/tests/imagery.test.js b/frontend/src/components/taskSelection/tests/imagery.test.js
@@ -1,4 +1,4 @@
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 
@@ -178,21 +178,13 @@ describe('Imagery', () => {
   });
 
   it('should copy value to the clipboard', async () => {
-    const originalClipboard = { ...global.navigator.clipboard };
-    const mockClipboard = {
-      writeText: jest.fn().mockImplementation(() => Promise.resolve()),
-    };
-    global.navigator.clipboard = mockClipboard;
-    const user = userEvent.setup();
+    const user = userEvent.setup({ writeToClipboard: true });
     render(
       <IntlProviders>
         <Imagery value={'wms'} />
       </IntlProviders>,
     );
     await user.click(screen.getByRole('img'));
-    expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1);
-    expect(navigator.clipboard.writeText).toHaveBeenCalledWith('wms');
-    jest.resetAllMocks();
-    global.navigator.clipboard = originalClipboard;
+    await waitFor(async () => expect(await navigator.clipboard.readText()).toBe('wms'));
   });
 });
diff --git a/frontend/src/components/user/tests/content.test.js b/frontend/src/components/user/tests/content.test.js
@@ -1,23 +1,15 @@
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import { APIKeyCard } from '../content';
 import userEvent from '@testing-library/user-event';
 import { IntlProviders } from '../../../utils/testWithIntl';
 
 test('should copy API key to the clipboard', async () => {
-  const originalClipboard = { ...global.navigator.clipboard };
-  const mockClipboard = {
-    writeText: jest.fn().mockImplementation(() => Promise.resolve()),
-  };
-  global.navigator.clipboard = mockClipboard;
-  const user = userEvent.setup();
+  const user = userEvent.setup({ writeToClipboard: true });
   render(
     <IntlProviders>
       <APIKeyCard token="validToken" />
     </IntlProviders>,
   );
   await user.click(screen.getByRole('img'));
-  expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1);
-  expect(navigator.clipboard.writeText).toHaveBeenCalledWith('Token validToken');
-  jest.resetAllMocks();
-  global.navigator.clipboard = originalClipboard;
+  await waitFor(async () => expect(await navigator.clipboard.readText()).toBe('Token validToken'));
 });