test: add CopyToClipboard

Author: peppescg

src/components/CopyToClipboard.tsx

@@ -27,7 +27,7 @@ export function CopyToClipboard({
         className,
       )}
     >
-      <ClipboardCopy className="w-5 h-5 text-gray-200" />
+      <ClipboardCopy role="img" className="w-5 h-5 text-gray-200" />
     </button>
   );
 }

src/components/__tests__/CopyToClipboard.test.tsx

@@ -0,0 +1,28 @@
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, it, vi, expect } from "vitest";
+import { CopyToClipboard } from "../CopyToClipboard";
+
+describe("CopyToClipboard", () => {
+  it("renders the button with the correct icon", () => {
+    render(<CopyToClipboard text="Fake text" />);
+
+    expect(screen.getByRole("button")).toBeVisible();
+    expect(screen.getByRole("img", { hidden: true })).toBeVisible();
+  });
+
+  it("copies text to clipboard when clicked", async () => {
+    const mockedText = vi.fn();
+    Object.assign(navigator, {
+      clipboard: {
+        writeText: mockedText,
+      },
+    });
+
+    render(<CopyToClipboard text="Fake text" />);
+
+    await userEvent.click(screen.getByRole("button"));
+
+    expect(mockedText).toHaveBeenCalledWith("Fake text");
+  });
+});