refactor(app): move react components to react codebase [EE-3179] (#6971)

app/react/components/buttons/CopyButton/CopyButton.test.tsx

@@ -0,0 +1,37 @@
+import { fireEvent, render } from '@testing-library/react';
+
+import { CopyButton } from './CopyButton';
+
+test('should display a CopyButton with children', async () => {
+  const children = 'test button children';
+  const { findByText } = render(
+    <CopyButton copyText="">{children}</CopyButton>
+  );
+
+  const button = await findByText(children);
+  expect(button).toBeTruthy();
+});
+
+test('CopyButton should copy text to clipboard', async () => {
+  // override navigator.clipboard.writeText (to test copy to clipboard functionality)
+  let clipboardText = '';
+  const writeText = jest.fn((text) => {
+    clipboardText = text;
+  });
+  Object.assign(navigator, {
+    clipboard: { writeText },
+  });
+
+  const children = 'button';
+  const copyText = 'text successfully copied to clipboard';
+  const { findByText } = render(
+    <CopyButton copyText={copyText}>{children}</CopyButton>
+  );
+
+  const button = await findByText(children);
+  expect(button).toBeTruthy();
+
+  fireEvent.click(button);
+  expect(clipboardText).toBe(copyText);
+  expect(writeText).toHaveBeenCalled();
+});