SnapOtter/tests/e2e/settings.spec.ts

import { expect, openSettings, test } from "./helpers";

test.describe("Settings Dialog", () => {
  test("opens from the avatar menu", async ({ loggedInPage: page }) => {
    // 2.0 removed the desktop sidebar; openSettings drives the avatar dropdown.
    await openSettings(page);

    // Settings dialog should appear with sections
    await expect(page.getByText("General").first()).toBeVisible();
  });

  test("General section shows user info", async ({ loggedInPage: page }) => {
    await openSettings(page);

    // Should show username and version info
    await expect(page.getByText(/admin/i).first()).toBeVisible();
    await expect(page.getByText(/2\.0\.0|version/i).first()).toBeVisible();
  });

  test("General section has logout button", async ({ loggedInPage: page }) => {
    await openSettings(page);

    const logoutBtn = page.getByRole("button", { name: /logout|log out/i });
    await expect(logoutBtn).toBeVisible();
  });

  test("Security section has change password form", async ({ loggedInPage: page }) => {
    await openSettings(page);

    // Navigate to Security section via the dialog nav button (the section
    // heading reuses the same label, so scope to the button to avoid strict-mode
    // ambiguity).
    await page.getByRole("button", { name: "Security", exact: true }).click();

    // Should show password change fields
    await expect(page.getByText(/change password|current password/i).first()).toBeVisible();
  });

  test("People section shows user list", async ({ loggedInPage: page }) => {
    await openSettings(page);

    // Navigate to People section via the dialog nav button
    await page.getByRole("button", { name: "People", exact: true }).click();

    // Should show admin user
    await expect(page.getByText("admin").first()).toBeVisible();
  });

  test("API Keys section has generate button", async ({ loggedInPage: page }) => {
    await openSettings(page);
    await page.getByRole("button", { name: /api keys/i }).click();

    await expect(page.getByRole("button", { name: /generate api key/i })).toBeVisible({
      timeout: 5_000,
    });
  });

  test("About section shows app info", async ({ loggedInPage: page }) => {
    await openSettings(page);

    // Navigate to About section via the dialog nav button
    await page.getByRole("button", { name: "About", exact: true }).click();

    // Should show app description
    await expect(page.getByText(/snapotter|privacy|self-hosted/i).first()).toBeVisible();
  });

  test("System Settings section has configuration", async ({ loggedInPage: page }) => {
    await openSettings(page);

    // Navigate to System Settings section via the dialog nav button
    await page.getByRole("button", { name: "System Settings", exact: true }).click();

    // Should show system configuration options
    await expect(page.getByText(/app name|upload limit|theme/i).first()).toBeVisible();
  });

  test("settings dialog can be closed", async ({ loggedInPage: page }) => {
    await openSettings(page);
    await expect(page.getByText("General").first()).toBeVisible();

    // Close by clicking X or outside
    const closeBtn = page.getByRole("button", { name: /close|×/i }).first();
    if (await closeBtn.isVisible()) {
      await closeBtn.click();
    } else {
      await page.keyboard.press("Escape");
    }

    // Dialog should be gone
    await page.waitForTimeout(300);
  });
});