From 3681e855e0b34fe8f3ef5fdfab8ce0465951882f Mon Sep 17 00:00:00 2001
From: luctra02 <64017398+luctra02@users.noreply.github.com>
Date: Sun, 21 Apr 2024 19:27:04 +0200
Subject: [PATCH] test(frontend): :test_tube: write component test for
 sharebuttons (#340)

---
 .../componentTests/sharebuttons.spec.tsx      | 24 +++++++++++++++++++
 frontend/tests/{ => e2e}/blog.desktop.spec.ts |  0
 frontend/tests/{ => e2e}/blog.mobile.spec.ts  |  0
 3 files changed, 24 insertions(+)
 create mode 100644 frontend/tests/componentTests/sharebuttons.spec.tsx
 rename frontend/tests/{ => e2e}/blog.desktop.spec.ts (100%)
 rename frontend/tests/{ => e2e}/blog.mobile.spec.ts (100%)

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