External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

test: expand test coverage across unit, integration, e2e, and e2e-docker suites

Browse Source 
Add ~210 new tests filling gaps identified by a comprehensive 14-agent
coverage audit. Unit+integration tests go from 9,388 to 9,484 (all passing).

Unit tests (+36):
- AI bridge: OOM fallback path, custom tier option
- Web lib: api-errors, format date/datetime, tool-i18n coverage

Integration tests (+19):
- Format matrix: ai-canvas-expand and find-duplicates added to cross-format matrix
- Adversarial: SVG XXE attacks, SQL injection in settings, request body size
  limits, race conditions with identical filenames

E2E Docker (+3):
- ai-canvas-expand tool coverage with HEIC input and edge cases

E2E GUI (~150+):
- Navigation: login rate limiting, ai-canvas-expand in parameterized list
- Responsive: dropzone visibility, text readability, dialog bounds at all viewports
- Keyboard: shortcuts verified from automate, files, tool, and fullscreen pages
- Tool UI: undo/state-reset for 16 tools, crop canvas drag handles, rotate/border
  live preview, linked aspect-ratio inputs for resize
- Batch: per-image undo isolation, batch compress/convert/rotate (not just resize)
- Pipeline: tool palette search, step collapse/expand visibility
- Settings: audit log entry verification, system settings persistence, teams CRUD,
  role permission toggling
- RBAC: user/editor 403 on roles/teams endpoints, privilege escalation prevention,
  cross-role tab parity documented as intentional
- Accessibility: skip-to-content link (WCAG 2.4.1), comprehensive color contrast
  for all headings/body/buttons in both themes with DOM-walking background detection
- Resilience: auth expiry 401 redirect, rate limit 429 handling
- Performance: JS heap memory stability for tool navigation, dialog cycling,
  upload/clear cycles, rapid page navigation
This commit is contained in:
SnapOtter
2026-05-15 21:35:02 +08:00
parent d38621d7b9
commit 3b181dd1ac
24 changed files with 3398 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/gui-tools-color.spec.ts
+144
View File
@@ -517,4 +517,148 @@ test.describe("GUI Color & Adjustment Tools", () => {
await expect(page.getByTestId("color-blindness-download")).toBeVisible({ timeout: 15_000 });
});
});
// ========================================================================
// UNDO / STATE RESET (Color tools)
// ========================================================================
test.describe("Undo and State Reset", () => {
test("adjust-colors: undo after processing returns to sliders", async ({
loggedInPage: page,
}) => {
await page.goto("/adjust-colors");
await uploadTestImage(page);
await page.locator("#color-slider-brightness").fill("20");
await page.getByTestId("adjust-colors-submit").click();
await waitForProcessing(page);
await expect(page.getByTestId("adjust-colors-download")).toBeVisible({ timeout: 15_000 });
await page.getByRole("button", { name: /undo/i }).click();
await expect(page.getByTestId("adjust-colors-submit")).toBeVisible({ timeout: 5_000 });
await expect(page.getByTestId("adjust-colors-download")).not.toBeVisible();
// Sliders should be back
await expect(page.locator("#color-slider-brightness")).toBeVisible();
});
test("sharpening: undo after processing returns to method selector", async ({
loggedInPage: page,
}) => {
await page.goto("/sharpening");
await uploadTestImage(page);
await page.getByTestId("sharpening-submit").click();
await waitForProcessing(page);
await expect(page.getByTestId("sharpening-download")).toBeVisible({ timeout: 15_000 });
await page.getByRole("button", { name: /undo/i }).click();
await expect(page.getByTestId("sharpening-submit")).toBeVisible({ timeout: 5_000 });
await expect(page.getByTestId("sharpening-download")).not.toBeVisible();
});
test("replace-color: undo after processing returns to color pickers", async ({
loggedInPage: page,
}) => {
await page.goto("/replace-color");
await uploadTestImage(page);
await page.getByTestId("replace-color-submit").click();
await waitForProcessing(page);
await expect(page.getByTestId("replace-color-download")).toBeVisible({ timeout: 15_000 });
await page.getByRole("button", { name: /undo/i }).click();
await expect(page.getByTestId("replace-color-submit")).toBeVisible({ timeout: 5_000 });
await expect(page.getByTestId("replace-color-download")).not.toBeVisible();
await expect(page.locator("#replace-source-color")).toBeVisible();
});
test("color-blindness: undo after processing returns to type selector", async ({
loggedInPage: page,
}) => {
await page.goto("/color-blindness");
await uploadTestImage(page);
await page.getByTestId("color-blindness-submit").click();
await waitForProcessing(page);
await expect(page.getByTestId("color-blindness-download")).toBeVisible({ timeout: 15_000 });
await page.getByRole("button", { name: /undo/i }).click();
await expect(page.getByTestId("color-blindness-submit")).toBeVisible({ timeout: 5_000 });
await expect(page.getByTestId("color-blindness-download")).not.toBeVisible();
await expect(page.locator("#cb-simulation-type")).toBeVisible();
});
test("adjust-colors: clear all returns to dropzone", async ({ loggedInPage: page }) => {
await page.goto("/adjust-colors");
await uploadTestImage(page);
await expect(page.locator("#color-slider-brightness")).toBeVisible();
await page.getByText("Clear all").click();
await expect(page.getByText("Upload from computer")).toBeVisible({ timeout: 5_000 });
});
test("adjust-colors: navigate away resets state", async ({ loggedInPage: page }) => {
await page.goto("/adjust-colors");
await uploadTestImage(page);
await page.locator("#color-slider-brightness").fill("30");
await page.goto("/sharpening");
await page.goto("/adjust-colors");
await expect(page.getByText("Upload from computer")).toBeVisible();
});
});
// ========================================================================
// ADJUST COLORS: LIVE PREVIEW VERIFICATION
// ========================================================================
test.describe("Adjust Colors Live Preview", () => {
test("changing brightness applies CSS filter to preview image", async ({
loggedInPage: page,
}) => {
await page.goto("/adjust-colors");
await uploadTestImage(page);
const previewImg = page.locator("img").first();
await expect(previewImg).toBeVisible();
const initialFilter = await previewImg.evaluate((el) => window.getComputedStyle(el).filter);
// Adjust brightness
await page.locator("#color-slider-brightness").fill("40");
await page.waitForTimeout(500);
const updatedFilter = await previewImg.evaluate((el) => window.getComputedStyle(el).filter);
// Filter should change after brightness adjustment
expect(updatedFilter).not.toBe(initialFilter);
});
test("selecting grayscale effect applies CSS filter", async ({ loggedInPage: page }) => {
await page.goto("/adjust-colors");
await uploadTestImage(page);
const previewImg = page.locator("img").first();
await expect(previewImg).toBeVisible();
const initialFilter = await previewImg.evaluate((el) => window.getComputedStyle(el).filter);
await page.getByRole("button", { name: "grayscale" }).click();
await page.waitForTimeout(500);
const updatedFilter = await previewImg.evaluate((el) => window.getComputedStyle(el).filter);
expect(updatedFilter).not.toBe(initialFilter);
});
});
});