fix(frontend): ✅ fix blog end2end test to only acces… (#355)

* fix(frontend): ✅ fix blog end2end test to only access first element

* refactor(ide): ♻️ move project en2end test into end2end folder

* test(frontend): ✅ add satellite end2end test

* style(frontend): 🚨 run prettier

frontend/tests/componentTests/SatelliteSelector.spec.tsx

@@ -0,0 +1,2 @@
+import SatelliteSelector from "@/components/homeComponents/SatelliteSelector";
+import { test, expect } from "@playwright/experimental-ct-react";

frontend/tests/e2e/blog.desktop.spec.ts

@@ -9,8 +9,10 @@ test.describe("Blogs pages test", () => {
         await expect(page.getByTestId("pageSubtitle")).toBeVisible();
         await page.getByTestId("blogsSatellitesButton").click();
         await expect(page).toHaveURL("/blog?page=1&tag=Satellites");
-        await expect(page.getByTestId("articleTag")).toHaveText("Satellites");
-        await page.getByTestId("blogCardLink").click();
+        await expect(page.getByTestId("articleTag").first()).toHaveText(
+            "Satellites",
+        );
+        await page.getByTestId("blogCardLink").first().click();
         await expect(page).toHaveURL(/\/blog\/.+$/);
     });
     test("individualBlogPagetest", async ({ page }) => {

frontend/tests/e2e/satellite.desktop.spec.ts

@@ -0,0 +1,34 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("All Satellites Page Test", () => {
+    test("CheckHeadingAndSubtitleIsVisible", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await expect(page).toHaveURL("/satellites");
+        await expect(page.getByTestId("pageHeader")).toBeVisible();
+        await expect(page.getByTestId("pageSubtitle")).toBeVisible();
+    });
+    test("CheckIfCardIsClickable", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await expect(page).toHaveURL("/satellites");
+        await expect(
+            page.getByTestId("satellitesTableRow").first(),
+        ).toBeVisible();
+        await page.getByTestId("satellitesTableRow").first().click();
+        //Checks if the URL matches /satellites/anySlug
+        await expect(page).toHaveURL(/\/satellites\/.+$/);
+    });
+});
+
+test.describe("Individual Satellite Page Test", () => {
+    test("TestHeadingAndParagraphIsVisible", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await page.getByTestId("satellitesTableRow").first().click();
+        await expect(page).toHaveURL(/\/satellites\/.+$/);
+        await expect(page.getByRole("heading").first()).toBeVisible();
+        await expect(page.getByRole("heading").nth(2)).toBeVisible();
+        await expect(page.getByTestId("blockParagraph").first()).toBeVisible();
+    });
+});

frontend/tests/e2e/satellite.mobile.spec.ts

@@ -0,0 +1,45 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("All Satellites Page Test", () => {
+    test.use({
+        viewport: { width: 390, height: 844 },
+    });
+
+    test("CheckHeadingAndSubtitleIsVisible", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("navigation").getByRole("button").click();
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await expect(page).toHaveURL("/satellites");
+        await expect(page.getByTestId("pageHeader")).toBeVisible();
+        await expect(page.getByTestId("pageSubtitle")).toBeVisible();
+    });
+    test("CheckIfCardIsClickable", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("navigation").getByRole("button").click();
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await expect(page).toHaveURL("/satellites");
+        await expect(
+            page.getByTestId("satellitesTableRow").first(),
+        ).toBeVisible();
+        await page.getByTestId("satellitesTableRow").first().click();
+        //Checks if the URL matches /satellites/anySlug
+        await expect(page).toHaveURL(/\/satellites\/.+$/);
+    });
+});
+
+test.describe("Individual Satellite Page Test", () => {
+    test.use({
+        viewport: { width: 390, height: 844 },
+    });
+
+    test("TestHeadingAndParagraphIsVisible", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("navigation").getByRole("button").click();
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await page.getByTestId("satellitesTableRow").first().click();
+        await expect(page).toHaveURL(/\/satellites\/.+$/);
+        await expect(page.getByRole("heading").first()).toBeVisible();
+        await expect(page.getByRole("heading").nth(2)).toBeVisible();
+        await expect(page.getByTestId("blockParagraph").first()).toBeVisible();
+    });
+});