fix: test

Author: SKairinos

src/components/CopyIconButton.test.tsx

@@ -0,0 +1,16 @@
+import { screen } from "@testing-library/react"
+
+import { renderWithUser } from "../helpers/test"
+import CopyIconButton from "./CopyIconButton"
+
+test("Clicking button should copy content", async () => {
+  const content = "Example string to be copied."
+
+  const { user } = renderWithUser(<CopyIconButton content={content} />)
+
+  expect(await navigator.clipboard.readText()).toEqual("")
+
+  await user.click(screen.getByTestId("copy-icon-button"))
+
+  expect(await navigator.clipboard.readText()).toEqual(content)
+})

src/components/CopyIconButton.tsx

@@ -1,20 +1,21 @@
-import type React from "react"
-import { IconButton, type IconButtonProps } from "@mui/material"
 import { ContentCopy as ContentCopyIcon } from "@mui/icons-material"
+import { IconButton, type IconButtonProps } from "@mui/material"
+import type { FC } from "react"
 
 export interface CopyIconButtonProps extends Omit<IconButtonProps, "onClick"> {
   content: string
 }
 
-const CopyIconButton: React.FC<CopyIconButtonProps> = ({
+const CopyIconButton: FC<CopyIconButtonProps> = ({
   content,
   children = <ContentCopyIcon />,
   ...otherIconButtonProps
 }) => {
   return (
     <IconButton
+      data-testid="copy-icon-button"
       onClick={() => {
-        void navigator.clipboard.writeText(content)
+        navigator.clipboard.writeText(content)
       }}
       {...otherIconButtonProps}
     >