feat: production Docker, Playwright tests, settings API, and bug fixes

- Add user management endpoints (register, list, delete, change password) - Add API key management (create, list, delete) - Add settings persistence endpoints (get, put) - Wire settings dialog to real backend (People, API Keys, System, Security) - Fix login auth flow (window.location.href for full reload) - Fix download URLs returning 401 (make public since UUIDs are unguessable) - Fix border tool shadowColor validation (accept 6-8 hex digits) - Fix remove-bg alpha matting fallback (retry without on failure) - Fix AI tool silent fallbacks (report errors instead of no-ops) - Add checkerboard background to before/after slider for transparency - Add progress bars to all AI tool components - Add Playwright E2E test suite (131 tests across 9 test files) - Rewrite Dockerfile for production (tsx runtime, pre-baked AI models) - Add .dockerignore for faster builds - Add proper accessible labels to login form
2026-08-03 07:46:42 +02:00 · 2026-03-22 19:28:57 +08:00
parent 06c5ee5996
commit ce03aad10f
37 changed files with 2607 additions and 122 deletions
@@ -0,0 +1,115 @@
+import { test, expect, uploadTestImage, waitForProcessing } from "./helpers";
+
+test.describe("Essential Tools", () => {
+  // ── Resize ────────────────────────────────────────────────────────────
+  test("resize tool page renders correctly", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/resize");
+
+    // Tool header
+    await expect(page.getByText("Resize").first()).toBeVisible();
+
+    // Should show dropzone when no file uploaded
+    await expect(page.getByText("Upload from computer")).toBeVisible();
+  });
+
+  test("resize tool shows settings after upload", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/resize");
+    await uploadTestImage(page);
+
+    // Should show settings panel with width/height inputs
+    await expect(page.getByText("Settings").first()).toBeVisible();
+    // Should show the image viewer instead of dropzone
+    await expect(page.getByText("Upload from computer")).not.toBeVisible();
+  });
+
+  test("resize tool processes an image", async ({ loggedInPage: page }) => {
+    await page.goto("/resize");
+    await uploadTestImage(page);
+
+    // Set width (required for resize)
+    await page.locator("input[placeholder='Auto']").first().fill("50");
+
+    await page.getByRole("button", { name: "Resize" }).click();
+    await waitForProcessing(page);
+
+    await expect(
+      page.getByRole("button", { name: /download/i }).first(),
+    ).toBeVisible({ timeout: 15_000 });
+  });
+
+  // ── Crop ──────────────────────────────────────────────────────────────
+  test("crop tool page renders correctly", async ({ loggedInPage: page }) => {
+    await page.goto("/crop");
+    await expect(page.getByText("Crop").first()).toBeVisible();
+    await expect(page.getByText("Upload from computer")).toBeVisible();
+  });
+
+  test("crop tool shows settings after upload", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/crop");
+    await uploadTestImage(page);
+    await expect(page.getByText("Settings").first()).toBeVisible();
+  });
+
+  // ── Rotate & Flip ────────────────────────────────────────────────────
+  test("rotate tool page renders correctly", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/rotate");
+    await expect(page.getByText("Rotate").first()).toBeVisible();
+    await expect(page.getByText("Upload from computer")).toBeVisible();
+  });
+
+  test("rotate tool shows settings after upload", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/rotate");
+    await uploadTestImage(page);
+    await expect(page.getByText("Settings").first()).toBeVisible();
+  });
+
+  // ── Convert ───────────────────────────────────────────────────────────
+  test("convert tool page renders correctly", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/convert");
+    await expect(page.getByText("Convert").first()).toBeVisible();
+    await expect(page.getByText("Upload from computer")).toBeVisible();
+  });
+
+  test("convert tool shows format selector after upload", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/convert");
+    await uploadTestImage(page);
+    await expect(page.getByText("Settings").first()).toBeVisible();
+  });
+
+  // ── Compress ──────────────────────────────────────────────────────────
+  test("compress tool page renders correctly", async ({
+    loggedInPage: page,
+  }) => {
+    await page.goto("/compress");
+    await expect(page.getByText("Compress").first()).toBeVisible();
+    await expect(page.getByText("Upload from computer")).toBeVisible();
+  });
+
+  test("compress tool processes an image", async ({ loggedInPage: page }) => {
+    await page.goto("/compress");
+    await uploadTestImage(page);
+
+    // Use submit button to avoid matching "Processed:" text
+    await page.locator("button[type='submit']").click();
+
+    await waitForProcessing(page);
+
+    await expect(
+      page.getByRole("button", { name: /download/i }).first(),
+    ).toBeVisible({ timeout: 15_000 });
+  });
+});