Add test

Author: Gold856

photon-client/tests/input.spec.ts

@@ -0,0 +1,39 @@
+import { expect } from "@playwright/test";
+import { test } from "./fixtures.ts";
+
+test("Camera Gain Slider won't go past max or min", async ({ page }) => {
+  await page.goto("http://localhost:5800/#/dashboard");
+  await page.locator("div").filter({ hasText: "Set up some cameras to get started!" }).nth(2).press("Escape");
+
+  // Fill in Camera Gain text field with 1000
+  await page.locator("#input-v-44").fill("1000");
+  await page.locator("#input-v-44").press("Enter");
+  await expect(page.locator("#input-v-44")).toHaveValue("100");
+
+  // Try using buttons to go past the max
+  await page.getByRole("button", { name: "appended action" }).nth(2).click();
+  await expect(page.locator("#input-v-44")).toHaveValue("100");
+
+  // Make sure the value is actually properly limited, not just visually
+  await page.getByRole("button", { name: "prepended action" }).nth(2).click();
+  await expect(page.locator("#input-v-44")).toHaveValue("99");
+
+  await page.locator("#input-v-44").fill("-10");
+  await page.locator("#input-v-44").press("Enter");
+  await expect(page.locator("#input-v-44")).toHaveValue("0");
+
+  await page.getByRole("button", { name: "prepended action" }).nth(2).click();
+  await expect(page.locator("#input-v-44")).toHaveValue("0");
+
+  // Make sure the value is actually properly limited, not just visually
+  await page.getByRole("button", { name: "appended action" }).nth(2).click();
+  await expect(page.locator("#input-v-44")).toHaveValue("1");
+
+  // Make sure that the guard actually prevents value setting, instead of just reverting the value
+  // This can be ensured by making sure the Camera Gain field doesn't disappear (disappears when the value is -1)
+  await page.getByRole("button", { name: "prepended action" }).nth(2).click();
+  await page.getByRole("button", { name: "prepended action" }).nth(2).click();
+  await expect(page.locator("#input-v-44")).toHaveValue("0");
+
+  await expect(page.getByText("Camera Gain", { exact: true })).toBeVisible();
+});