diff --git a/frontend/tests/componentTests/sharebuttons.spec.tsx b/frontend/tests/componentTests/sharebuttons.spec.tsx
new file mode 100644
index 0000000..55825ce
--- /dev/null
+++ b/frontend/tests/componentTests/sharebuttons.spec.tsx
@@ -0,0 +1,24 @@
+// Import necessary dependencies
+import { test, expect } from "@playwright/experimental-ct-react";
+import ShareButtons from "@/components/ShareButtons";
+
+// Define the test
+test("Check ShareButtons component", async ({ mount }) => {
+    // Mock slug
+    const slug = "test-slug";
+
+    // Mount the ShareButtons component
+    const component = await mount(<ShareButtons slug={slug} />);
+
+    // Check if Facebook icon is rendered
+    const facebookButton = component.getByLabel("facebook");
+    await expect(facebookButton).toBeVisible();
+
+    // Check if Linkedin icon is rendered
+    const linkedinButton = component.getByLabel("linkedin");
+    await expect(linkedinButton).toBeVisible();
+
+    // Check if Twitter icon is rendered
+    const twitterButton = component.getByLabel("twitter");
+    await expect(twitterButton).toBeVisible();
+});
diff --git a/frontend/tests/blog.desktop.spec.ts b/frontend/tests/e2e/blog.desktop.spec.ts
similarity index 100%
rename from frontend/tests/blog.desktop.spec.ts
rename to frontend/tests/e2e/blog.desktop.spec.ts
diff --git a/frontend/tests/blog.mobile.spec.ts b/frontend/tests/e2e/blog.mobile.spec.ts
similarity index 100%
rename from frontend/tests/blog.mobile.spec.ts
rename to frontend/tests/e2e/blog.mobile.spec.ts