feat: add test for the profile component

__tests__/components/sections/profile/achievements/LinkField.test.tsx

@@ -0,0 +1,33 @@
+import AchievementLinkField from "@/components/sections/profile/achievements/LinkField";
+import "@testing-library/jest-dom";
+import { fireEvent, render, screen } from "@testing-library/react";
+
+describe("AchievementLinkField", () => {
+    const testLink = "https://dacade.org/some/path";
+    it("should render the achievement link", () => {
+        render(<AchievementLinkField link={testLink}/>)
+        expect(screen.getByTestId("achievementLinkId")).toBeInTheDocument()
+        const linkElement = screen.getByText(testLink);
+        expect(linkElement).toBeInTheDocument();
+        expect(linkElement.textContent).toBe("https://dacade.org/some/path")
+    })
+    it("should copy the link to the clipboard when clicked", () => {
+        render(<AchievementLinkField link={testLink} />);
+        if(navigator.clipboard){
+                const mockCopy = async () => await navigator.clipboard.writeText(testLink)
+                const linkElement = screen.getByText(testLink);
+                fireEvent.click(linkElement);
+                expect(mockCopy()).toHaveBeenCalled();
+        }
+      });
+    it("should have the link button", () => {
+        render(<AchievementLinkField link={testLink} />);
+        const mockPathname = testLink.split("https://dacade.org/")[1];
+        expect(screen.getByRole("link")).toBeInTheDocument()
+        expect(screen.getByRole("button")).toBeInTheDocument()
+        expect(screen.getByRole("link").hasAttribute("href")).toBeTruthy()
+        if(typeof window !== "undefined"){
+            expect(screen.getByRole("link").getAttribute("href")).toBe(`${window.location.origin}/${mockPathname}`)
+        }
+    })
+})

src/components/sections/profile/achievements/LinkField.tsx

@@ -11,6 +11,7 @@ import { ReactElement, useEffect, useState } from "react";
  */
 interface AchievementLinkFieldProps {
   link: string | null;
+  testId?: string
 }
 
 /**
@@ -23,7 +24,7 @@ interface AchievementLinkFieldProps {
 }
  * @returns {*}
  */
-export default function AchievementLinkField({ link }: AchievementLinkFieldProps): ReactElement {
+export default function AchievementLinkField({ link, testId = "achievementLinkId" }: AchievementLinkFieldProps): ReactElement {
   const { t } = useTranslation();
   const [fullLink, setFullink] = useState("");
 
@@ -37,7 +38,7 @@ export default function AchievementLinkField({ link }: AchievementLinkFieldProps
   const copy = () => navigator.clipboard.writeText(link as string);
 
   return (
-    <div className="border relative p-2 rounded">
+    <div data-testid={testId} className="border relative p-2 rounded">
       <p className="text-gray-500 line-clamp-1 break-all flex-1 text-sm md:text-base overflow-hidden" onClick={copy}>
         {link}
       </p>