add e2e test

web/e2e/specs/clone-camera.spec.ts

@@ -0,0 +1,128 @@
+/**
+ * Camera clone dialog E2E tests.
+ *
+ * Covers the design invariants that don't depend on per-camera resolution
+ * differences in the mock fixture:
+ *   1. Dialog opens from the Clone button on a camera row.
+ *   2. "Stream URLs and roles" is forced on and disabled for new-camera target.
+ *   3. Clicking Clone issues a PUT and shows a restart prompt.
+ *
+ * The spatial-mismatch warning path is exercised in unit-level review and
+ * via manual QA — the shared mock fixture ships every camera at 1280×720,
+ * so an E2E assertion for that path would silently pass without coverage.
+ */
+
+import { test, expect } from "../fixtures/frigate-test";
+
+const CLONE_BUTTON_ARIA_PREFIX = "Clone settings from";
+const DIALOG_TITLE_PREFIX = "Clone settings from";
+
+test.describe("Camera clone dialog @medium @mobile", () => {
+  test.beforeEach(async ({ frigateApp }) => {
+    await frigateApp.goto("/settings?page=cameraManagement");
+    await expect(
+      frigateApp.page.getByRole("heading", { name: /Manage Cameras/i }),
+    ).toBeVisible();
+  });
+
+  test("opens the dialog from a camera row's Clone button", async ({
+    frigateApp,
+  }) => {
+    const cloneButton = frigateApp.page
+      .getByRole("button", { name: new RegExp(CLONE_BUTTON_ARIA_PREFIX, "i") })
+      .first();
+    await cloneButton.click();
+
+    await expect(frigateApp.page.getByRole("dialog")).toBeVisible();
+    await expect(
+      frigateApp.page
+        .getByRole("dialog")
+        .getByText(new RegExp(DIALOG_TITLE_PREFIX, "i")),
+    ).toBeVisible();
+  });
+
+  test("forces Stream URLs and roles on for new-camera target", async ({
+    frigateApp,
+  }) => {
+    const cloneButton = frigateApp.page
+      .getByRole("button", { name: new RegExp(CLONE_BUTTON_ARIA_PREFIX, "i") })
+      .first();
+    await cloneButton.click();
+
+    await expect(frigateApp.page.getByRole("dialog")).toBeVisible();
+
+    // The "New camera" radio is selected by default; the Streams group renders
+    // the ffmpeg_live checkbox as forced-checked and disabled.
+    const streamsLabel = frigateApp.page
+      .locator("label")
+      .filter({ hasText: /Stream URLs and roles/i });
+    await expect(streamsLabel).toBeVisible();
+
+    const streamsCheckbox = streamsLabel.getByRole("checkbox");
+    await expect(streamsCheckbox).toBeChecked();
+    await expect(streamsCheckbox).toBeDisabled();
+  });
+
+  test("issues a PUT and shows restart toast for new-camera target", async ({
+    frigateApp,
+  }) => {
+    const requests: { body: unknown }[] = [];
+
+    await frigateApp.page.route("**/api/config/set", async (route) => {
+      const body = route.request().postDataJSON();
+      requests.push({ body });
+      await route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({ success: true, require_restart: false }),
+      });
+    });
+
+    await frigateApp.goto("/settings?page=cameraManagement");
+    await expect(
+      frigateApp.page.getByRole("heading", { name: /Manage Cameras/i }),
+    ).toBeVisible();
+
+    const cloneButton = frigateApp.page
+      .getByRole("button", { name: new RegExp(CLONE_BUTTON_ARIA_PREFIX, "i") })
+      .first();
+    await cloneButton.click();
+
+    await expect(frigateApp.page.getByRole("dialog")).toBeVisible();
+
+    const nameInput = frigateApp.page.getByPlaceholder(
+      /e\.g\., back_door or Back Door/i,
+    );
+    await nameInput.fill("clone_target_one");
+
+    // After typing a valid name, the Clone button becomes enabled because
+    // changeCount > 0 (the dialog's previewPayloads memo watches the name).
+    await expect(
+      frigateApp.page.getByRole("button", { name: /^Clone$/i }),
+    ).toBeEnabled({ timeout: 5_000 });
+
+    await frigateApp.page.getByRole("button", { name: /^Clone$/i }).click();
+
+    // At least one PUT must be sent — the establishing add payload.
+    await expect
+      .poll(() => requests.length, { timeout: 10_000 })
+      .toBeGreaterThanOrEqual(1);
+
+    // The establishing payload targets the add topic and requires a restart.
+    const firstBody = requests[0].body as {
+      requires_restart?: number;
+      update_topic?: string;
+    };
+    expect(firstBody.update_topic).toMatch(
+      /config\/cameras\/clone_target_one\/add/,
+    );
+    expect(firstBody.requires_restart).toBe(1);
+
+    // The toast offers a Restart action because new-camera always needs restart.
+    // .first() avoids strict-mode rejection when both the toast action and the
+    // RestartDialog trigger render concurrently.
+    await expect(
+      frigateApp.page.getByRole("button", { name: /Restart/i }).first(),
+    ).toBeVisible({ timeout: 8_000 });
+  });
+});