fix: handle HEIC images in blur-faces and red-eye-removal, show warning when no faces detected

2026-08-03 07:46:42 +02:00 · 2026-04-19 19:52:23 +08:00
parent 10bdc24a4a
commit 8c83d7efcd
8 changed files with 147 additions and 9 deletions
@@ -0,0 +1,65 @@
+import fs from "node:fs";
+import path from "node:path";
+import { expect, test } from "@playwright/test";
+
+function fixturePath(name: string): string {
+  return path.join(process.cwd(), "tests", "fixtures", name);
+}
+
+async function uploadFile(page: import("@playwright/test").Page, filePath: string) {
+  const fileChooserPromise = page.waitForEvent("filechooser");
+  const dropzone = page.locator("[class*='border-dashed']").first();
+  await dropzone.click();
+  const fileChooser = await fileChooserPromise;
+  await fileChooser.setFiles(filePath);
+  await page.waitForTimeout(1000);
+}
+
+test.describe("Blur Faces - HEIC fix and no-face warning", () => {
+  test("HEIC image processes without error", async ({ page }) => {
+    await page.goto("/blur-faces");
+    await uploadFile(page, fixturePath("test-portrait.heic"));
+
+    await page.getByTestId("blur-faces-submit").click();
+
+    // Wait for processing to complete — download button proves it worked
+    await expect(page.getByTestId("blur-faces-download")).toBeVisible({ timeout: 120_000 });
+
+    // The old bug showed "cannot identify image" or "Face blur failed"
+    await expect(page.locator("text=cannot identify image")).not.toBeVisible();
+    await expect(page.locator("text=Face blur failed")).not.toBeVisible();
+  });
+
+  test("no-face image shows warning message", async ({ page }) => {
+    await page.goto("/blur-faces");
+    await uploadFile(page, fixturePath("test-blank.png"));
+
+    await page.getByTestId("blur-faces-submit").click();
+
+    await expect(page.getByText("No faces detected")).toBeVisible({ timeout: 120_000 });
+  });
+
+  test("HEIC image via API returns 200", async ({ request }) => {
+    // Login to get auth token
+    const loginRes = await request.post("/api/auth/login", {
+      data: { username: "admin", password: "admin" },
+    });
+    const { token } = await loginRes.json();
+
+    const response = await request.post("/api/v1/tools/blur-faces", {
+      headers: { Authorization: `Bearer ${token}` },
+      multipart: {
+        file: {
+          name: "test.heic",
+          mimeType: "image/heic",
+          buffer: fs.readFileSync(fixturePath("test-portrait.heic")),
+        },
+        settings: JSON.stringify({ blurRadius: 30, sensitivity: 0.5 }),
+      },
+    });
+
+    expect(response.status()).toBe(200);
+    const body = await response.json();
+    expect(body.downloadUrl).toBeTruthy();
+  });
+});
@@ -0,0 +1,48 @@
+import path from "node:path";
+import { expect, test } from "./helpers";
+
+function fixturePath(name: string): string {
+  return path.join(process.cwd(), "tests", "fixtures", name);
+}
+
+async function uploadFile(page: import("@playwright/test").Page, filePath: string) {
+  const fileChooserPromise = page.waitForEvent("filechooser");
+  const dropzone = page.locator("[class*='border-dashed']").first();
+  await dropzone.click();
+  const fileChooser = await fileChooserPromise;
+  await fileChooser.setFiles(filePath);
+  await page.waitForTimeout(1000);
+}
+
+test.describe("Blur Faces tool", () => {
+  test("page loads with correct UI controls", async ({ loggedInPage: page }) => {
+    await page.goto("/blur-faces");
+
+    await expect(page.getByText("Blur Radius")).toBeVisible();
+    await expect(page.getByText("Detection Sensitivity")).toBeVisible();
+    await expect(page.getByTestId("blur-faces-submit")).toBeVisible();
+  });
+
+  test("HEIC image processes without error", async ({ loggedInPage: page }) => {
+    await page.goto("/blur-faces");
+    await uploadFile(page, fixturePath("test-portrait.heic"));
+
+    await page.getByTestId("blur-faces-submit").click();
+
+    // Should complete without the old "cannot identify image file" error
+    await expect(
+      page.getByTestId("blur-faces-download").or(page.getByText("No faces detected")),
+    ).toBeVisible({ timeout: 120_000 });
+
+    await expect(page.locator("text=cannot identify image")).not.toBeVisible();
+  });
+
+  test("no-face image shows warning message", async ({ loggedInPage: page }) => {
+    await page.goto("/blur-faces");
+    await uploadFile(page, fixturePath("test-blank.png"));
+
+    await page.getByTestId("blur-faces-submit").click();
+
+    await expect(page.getByText("No faces detected")).toBeVisible({ timeout: 120_000 });
+  });
+});