From 92b9870800d19d5f621ed8d79f3ee64dda3caea6 Mon Sep 17 00:00:00 2001
From: Thibault <54189871+Asaren1070@users.noreply.github.com>
Date: Mon, 16 Jun 2025 14:36:23 +0100
Subject: [PATCH] test: for changing satellite prediction time (#449)

---
 .../app/satellites/[satelliteSlug]/_2dmap/Map2d.tsx  |  1 +
 frontend/tests/e2e/satellite.desktop.spec.ts         | 12 ++++++++++++
 frontend/tests/e2e/satellite.mobile.spec.ts          | 11 +++++++++++
 3 files changed, 24 insertions(+)

diff --git a/frontend/src/app/satellites/[satelliteSlug]/_2dmap/Map2d.tsx b/frontend/src/app/satellites/[satelliteSlug]/_2dmap/Map2d.tsx
index 9c63051..f54dbba 100644
--- a/frontend/src/app/satellites/[satelliteSlug]/_2dmap/Map2d.tsx
+++ b/frontend/src/app/satellites/[satelliteSlug]/_2dmap/Map2d.tsx
@@ -107,6 +107,7 @@ export default function Map2d({ satNum }: { satNum: SatelliteNumber }) {
                         value={inputValue}
                         onChange={handleSliderChange}
                         className="w-full rounded-lg bg-gray-200 py-2 text-black focus:outline-none focus:ring"
+                        data-testid="prediction-slider"
                     />
                     <p className="mt-2 font-thin">
                         Projected positions {projectionAmount / 60} hours into
diff --git a/frontend/tests/e2e/satellite.desktop.spec.ts b/frontend/tests/e2e/satellite.desktop.spec.ts
index c236843..b131e4e 100644
--- a/frontend/tests/e2e/satellite.desktop.spec.ts
+++ b/frontend/tests/e2e/satellite.desktop.spec.ts
@@ -1,4 +1,5 @@
 import { test, expect } from "@playwright/test";
+import { Sliders } from "lucide-react";
 
 test.describe("All Satellites Page Test", () => {
     test("CheckHeadingAndSubtitleIsVisible", async ({ page }) => {
@@ -31,4 +32,15 @@ test.describe("Individual Satellite Page Test", () => {
         await expect(page.getByRole("heading").nth(2)).toBeVisible();
         await expect(page.getByTestId("blockParagraph").first()).toBeVisible();
     });
+
+    test("TestChangingPredictionTime", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await page.getByTestId("satellitesTableRow").first().click();
+        await expect(page).toHaveURL(/\/satellites\/.+$/);
+        const slider = page.getByTestId("prediction-slider");
+        await expect(slider).toHaveValue("120");
+        await slider.fill("180"); //Prediction of position in 180 minutes
+        await expect(slider).toHaveValue("180");
+    });
 });
diff --git a/frontend/tests/e2e/satellite.mobile.spec.ts b/frontend/tests/e2e/satellite.mobile.spec.ts
index df4561e..18a290a 100644
--- a/frontend/tests/e2e/satellite.mobile.spec.ts
+++ b/frontend/tests/e2e/satellite.mobile.spec.ts
@@ -42,4 +42,15 @@ test.describe("Individual Satellite Page Test", () => {
         await expect(page.getByRole("heading").nth(2)).toBeVisible();
         await expect(page.getByTestId("blockParagraph").first()).toBeVisible();
     });
+
+    test("TestChangingPredictionTime", async ({ page }) => {
+        await page.goto("/");
+        await page.getByRole("button", { name: "Satellites" }).click();
+        await page.getByTestId("satellitesTableRow").first().click();
+        await expect(page).toHaveURL(/\/satellites\/.+$/);
+        const slider = page.getByTestId("prediction-slider");
+        await expect(slider).toHaveValue("120");
+        await slider.fill("180"); //Prediction of position in 180 minutes
+        await expect(slider).toHaveValue("180");
+    });
 });