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: massive test coverage expansion (+1,437 tests, 22 new files)

Browse Source 
Expand test coverage across all layers via 14 parallel agents:

Unit tests (3,378 total, +534):
- First-ever AI sidecar tests (157 tests covering bridge lifecycle, all 12 tool modules)
- API route infrastructure (auth, pipeline, batch, settings, teams, roles, audit, api-keys, files, docs)
- Lib coverage improvements (audit 7%->95%, worker-pool 33%->100%)
- Web store/lib gap fills (features-store, tool-registry)

Integration tests (4,403 total, +903):
- Expanded 19 tool test files with parameter variations, format edge cases, boundary values
- Cross-format matrix: 290 tests covering 14 tools x 17 formats
- Adversarial/edge cases: 63 tests for extreme inputs, concurrent requests, corrupted files

E2E-Docker (125 new tests):
- Expanded 8 spec files + 1 new file covering all 49 tools
- Added HEIC/format handling, auth failures, download verification

GUI E2E (expanded 28 spec files):
- Navigation, responsive layout, keyboard shortcuts
- All 51 tool UIs with settings, processing, display modes
- Batch/pipeline workflows, settings/RBAC, visual regression
- Resilience, accessibility (ARIA, contrast, focus), performance budgets
This commit is contained in:
SnapOtter
2026-05-09 09:02:29 +08:00
parent 4f0fbade6d
commit 649ad5db9e
138 changed files with 22105 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/gui-tools-essential.spec.ts
+136 -6
View File
@@ -118,6 +118,30 @@ test.describe("GUI Essential Tools", () => {
await expect(page.getByTestId("resize-download")).toBeVisible({ timeout: 15_000 });
});
test("aspect ratio link button toggles", async ({ loggedInPage: page }) => {
await page.goto("/resize");
await uploadTestImage(page);
// The link/unlink button for aspect ratio should be visible
const linkBtn = page.locator("button[title*='aspect']").first();
if (await linkBtn.isVisible()) {
await linkBtn.click();
}
});
test("download link has correct data-testid", async ({ loggedInPage: page }) => {
await page.goto("/resize");
await uploadTestImage(page);
await page.locator("#resize-width").fill("50");
await page.getByTestId("resize-submit").click();
await waitForProcessing(page);
const downloadLink = page.getByTestId("resize-download");
await expect(downloadLink).toBeVisible({ timeout: 15_000 });
await expect(downloadLink).toHaveText(/Download/);
});
});
// ========================================================================
@@ -179,6 +203,18 @@ test.describe("GUI Essential Tools", () => {
await expect(page.getByTestId("crop-submit")).toBeVisible();
});
test("aspect ratio presets change the active button", async ({ loggedInPage: page }) => {
await page.goto("/crop");
await uploadTestImage(page);
// Click 1:1 aspect ratio
await page.getByRole("button", { name: "1:1" }).click();
// Click 16:9
await page.getByRole("button", { name: "16:9" }).click();
// Switch back to Free
await page.getByRole("button", { name: "Free" }).click();
});
test("processes crop and shows download", async ({ loggedInPage: page }) => {
await page.goto("/crop");
await uploadTestImage(page);
@@ -212,11 +248,14 @@ test.describe("GUI Essential Tools", () => {
const img = page.locator(".ReactCrop img");
await expect(img).toBeVisible();
const viewport = page.viewportSize()!;
const viewport = page.viewportSize();
expect(viewport).not.toBeNull();
const box = await img.boundingBox();
expect(box).not.toBeNull();
expect(box!.y + box!.height).toBeLessThanOrEqual(viewport.height);
expect(box!.y).toBeGreaterThanOrEqual(0);
if (box && viewport) {
expect(box.y + box.height).toBeLessThanOrEqual(viewport.height);
expect(box.y).toBeGreaterThanOrEqual(0);
}
});
test("extremely tall portrait image (100x6000) fits within viewport without overflow", async ({
@@ -239,11 +278,14 @@ test.describe("GUI Essential Tools", () => {
const img = page.locator(".ReactCrop img");
await expect(img).toBeVisible();
const viewport = page.viewportSize()!;
const viewport = page.viewportSize();
expect(viewport).not.toBeNull();
const box = await img.boundingBox();
expect(box).not.toBeNull();
expect(box!.y + box!.height).toBeLessThanOrEqual(viewport.height);
expect(box!.y).toBeGreaterThanOrEqual(0);
if (box && viewport) {
expect(box.y + box.height).toBeLessThanOrEqual(viewport.height);
expect(box.y).toBeGreaterThanOrEqual(0);
}
});
});
@@ -317,6 +359,47 @@ test.describe("GUI Essential Tools", () => {
await expect(page.getByText("Reset all changes")).toBeVisible();
});
test("flip horizontal enables submit", async ({ loggedInPage: page }) => {
await page.goto("/rotate");
await uploadTestImage(page);
const submitBtn = page.getByTestId("rotate-submit");
await expect(submitBtn).toBeDisabled();
await page.getByTestId("rotate-flip-h").click();
await expect(submitBtn).toBeEnabled();
});
test("flip vertical enables submit", async ({ loggedInPage: page }) => {
await page.goto("/rotate");
await uploadTestImage(page);
const submitBtn = page.getByTestId("rotate-submit");
await expect(submitBtn).toBeDisabled();
await page.getByTestId("rotate-flip-v").click();
await expect(submitBtn).toBeEnabled();
});
test("180 degree button sets correct angle", async ({ loggedInPage: page }) => {
await page.goto("/rotate");
await uploadTestImage(page);
await page.getByRole("button", { name: "180" }).click();
await expect(page.locator("input[inputmode='numeric']")).toHaveValue("180", {
timeout: 2000,
});
});
test("straighten slider is interactive", async ({ loggedInPage: page }) => {
await page.goto("/rotate");
await uploadTestImage(page);
const slider = page.locator("#rotate-straighten");
await expect(slider).toBeVisible();
await expect(slider).toHaveAttribute("type", "range");
});
test("processes rotation and shows result", async ({ loggedInPage: page }) => {
await page.goto("/rotate");
await uploadTestImage(page);
@@ -376,6 +459,29 @@ test.describe("GUI Essential Tools", () => {
await expect(page.locator("#convert-quality")).not.toBeVisible();
});
test("quality slider appears for WebP format", async ({ loggedInPage: page }) => {
await page.goto("/convert");
await uploadTestImage(page);
await page.selectOption("#convert-target-format", "webp");
await expect(page.locator("#convert-quality")).toBeVisible();
});
test("quality slider appears for AVIF format", async ({ loggedInPage: page }) => {
await page.goto("/convert");
await uploadTestImage(page);
await page.selectOption("#convert-target-format", "avif");
await expect(page.locator("#convert-quality")).toBeVisible();
});
test("submit button uses data-testid", async ({ loggedInPage: page }) => {
await page.goto("/convert");
await uploadTestImage(page);
await expect(page.getByTestId("convert-submit")).toBeVisible();
});
test("processes conversion and shows download", async ({ loggedInPage: page }) => {
await page.goto("/convert");
await uploadTestImage(page);
@@ -424,6 +530,30 @@ test.describe("GUI Essential Tools", () => {
await expect(page.locator("#compress-target-size")).toBeVisible();
});
test("quality slider is interactive", async ({ loggedInPage: page }) => {
await page.goto("/compress");
await uploadTestImage(page);
const slider = page.locator("#compress-quality");
await expect(slider).toBeVisible();
await expect(slider).toHaveAttribute("type", "range");
});
test("target size mode shows size input and unit", async ({ loggedInPage: page }) => {
await page.goto("/compress");
await uploadTestImage(page);
await page.getByRole("button", { name: "Target Size" }).click();
await expect(page.locator("#compress-target-size")).toBeVisible();
});
test("submit button uses data-testid", async ({ loggedInPage: page }) => {
await page.goto("/compress");
await uploadTestImage(page);
await expect(page.getByTestId("compress-submit")).toBeVisible();
});
test("processes compression and shows download with size info", async ({
loggedInPage: page,
}) => {