Add frontend tests (#22783)

* basic e2e frontend test framework * improve mock data generation and add test cases * more cases * add e2e tests to PR template * don't generate mock data in PR CI * satisfy codeql check * fix flaky system page tab tests by guarding against crashes from incomplete mock stats * reduce local test runs to 4 workers to match CI
2026-10-01 04:16:50 +03:00 · 2026-04-06 16:33:28 -06:00
parent ed3bebc967
commit c750372586
34 changed files with 2790 additions and 0 deletions
@@ -0,0 +1,75 @@
+/**
+ * Logs page tests -- MEDIUM tier.
+ *
+ * Tests service tab switching by name, copy/download buttons,
+ * and websocket message feed tab.
+ */
+
+import { test, expect } from "../fixtures/frigate-test";
+
+test.describe("Logs Page - Service Tabs @medium", () => {
+  test("logs page renders with named service tabs", async ({ frigateApp }) => {
+    await frigateApp.goto("/logs");
+    await expect(frigateApp.page.locator("#pageRoot")).toBeVisible();
+    // Service tabs have aria-label="Select {service}"
+    await expect(frigateApp.page.getByLabel("Select frigate")).toBeVisible({
+      timeout: 5_000,
+    });
+  });
+
+  test("switching to go2rtc tab changes active tab", async ({ frigateApp }) => {
+    await frigateApp.goto("/logs");
+    await frigateApp.page.waitForTimeout(1000);
+    const go2rtcTab = frigateApp.page.getByLabel("Select go2rtc");
+    if (await go2rtcTab.isVisible().catch(() => false)) {
+      await go2rtcTab.click();
+      await frigateApp.page.waitForTimeout(1000);
+      await expect(go2rtcTab).toHaveAttribute("data-state", "on");
+    }
+  });
+
+  test("switching to websocket tab shows message feed", async ({
+    frigateApp,
+  }) => {
+    await frigateApp.goto("/logs");
+    await frigateApp.page.waitForTimeout(1000);
+    const wsTab = frigateApp.page.getByLabel("Select websocket");
+    if (await wsTab.isVisible().catch(() => false)) {
+      await wsTab.click();
+      await frigateApp.page.waitForTimeout(1000);
+      await expect(wsTab).toHaveAttribute("data-state", "on");
+    }
+  });
+});
+
+test.describe("Logs Page - Actions @medium", () => {
+  test("copy to clipboard button is present and clickable", async ({
+    frigateApp,
+  }) => {
+    await frigateApp.goto("/logs");
+    await frigateApp.page.waitForTimeout(1000);
+    const copyBtn = frigateApp.page.getByLabel("Copy to Clipboard");
+    if (await copyBtn.isVisible().catch(() => false)) {
+      await copyBtn.click();
+      await frigateApp.page.waitForTimeout(500);
+      // Should trigger clipboard copy (toast may appear)
+    }
+    await expect(frigateApp.page.locator("#pageRoot")).toBeVisible();
+  });
+
+  test("download logs button is present", async ({ frigateApp }) => {
+    await frigateApp.goto("/logs");
+    await frigateApp.page.waitForTimeout(1000);
+    const downloadBtn = frigateApp.page.getByLabel("Download Logs");
+    if (await downloadBtn.isVisible().catch(() => false)) {
+      await expect(downloadBtn).toBeVisible();
+    }
+  });
+
+  test("logs page displays log content text", async ({ frigateApp }) => {
+    await frigateApp.goto("/logs");
+    await frigateApp.page.waitForTimeout(2000);
+    const text = await frigateApp.page.textContent("#pageRoot");
+    expect(text?.length).toBeGreaterThan(0);
+  });
+});