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 API and GUI test coverage across all tools

Browse Source 
Add ~500 new E2E tests and ~300 new integration tests covering:

- 24 new GUI E2E specs: navigation, responsive layout, keyboard shortcuts,
  tool UI for all 35 non-AI tools, batch/pipeline workflows, settings/RBAC,
  visual regression, accessibility, and performance budgets
- 3 new E2E-Docker specs: batch workflows, advanced pipelines, cross-format
- 1 new adversarial integration test: memory pressure, corrupted files,
  unicode filenames, extreme dimensions, pipeline/batch edge cases
- 29 expanded integration test files: HEIC/HEIF input, large files, parameter
  boundaries, batch processing, format edge cases across all tools
- Cross-format matrix expanded: 641 tests covering every tool x 18 formats
- AI bridge unit tests expanded: lifecycle, tool modules, error propagation
- Unit test gaps filled: analytics, tool-registry, web stores

Also fixes:
- vitest.config.ts: exclude e2e-docs and e2e-landing from Vitest runner
- AI E2E specs: add sidecar health check to skip gracefully when Python
  AI backend is not running instead of timing out
This commit is contained in:
SnapOtter
2026-04-29 01:39:25 +08:00
parent 4acec0846c
commit 03f82567d0
74 changed files with 15893 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/gui-tools-format.spec.ts
+196
View File
@@ -0,0 +1,196 @@
import { expect, test, uploadTestImage, waitForProcessing } from "./helpers";
// ---------------------------------------------------------------------------
// GUI E2E: Format & Conversion Tools
// (svg-to-raster, vectorize, gif-tools, image-to-pdf, pdf-to-image, favicon,
// optimize-for-web)
// ---------------------------------------------------------------------------
test.describe("GUI Format & Conversion Tools", () => {
// ========================================================================
// SVG TO RASTER
// ========================================================================
test.describe("SVG to Raster", () => {
test("renders tool page with dropzone", async ({ loggedInPage: page }) => {
await page.goto("/svg-to-raster");
await expect(page.getByText("SVG to Raster").first()).toBeVisible();
await expect(page.getByText("Upload from computer")).toBeVisible();
});
test("shows settings section", async ({ loggedInPage: page }) => {
await page.goto("/svg-to-raster");
await expect(page.getByText("Settings").first()).toBeVisible();
});
});
// ========================================================================
// VECTORIZE (Image to SVG)
// ========================================================================
test.describe("Vectorize", () => {
test("renders tool page with dropzone", async ({ loggedInPage: page }) => {
await page.goto("/vectorize");
await expect(page.getByText("Image to SVG").first()).toBeVisible();
await expect(page.getByText("Upload from computer")).toBeVisible();
});
test("shows preset buttons after upload", async ({ loggedInPage: page }) => {
await page.goto("/vectorize");
await uploadTestImage(page);
// Presets from vectorize-settings.tsx
await expect(page.getByRole("button", { name: /logo/i }).first()).toBeVisible();
await expect(page.getByRole("button", { name: /illustration/i }).first()).toBeVisible();
await expect(page.getByRole("button", { name: /photo/i }).first()).toBeVisible();
await expect(page.getByRole("button", { name: /sketch/i }).first()).toBeVisible();
});
test("shows color mode toggle after upload", async ({ loggedInPage: page }) => {
await page.goto("/vectorize");
await uploadTestImage(page);
// Color mode: B&W / Color from vectorize-settings.tsx
await expect(page.getByText(/color mode|b&w|black/i).first()).toBeVisible();
});
test("processes vectorize and shows download", async ({ loggedInPage: page }) => {
await page.goto("/vectorize");
await uploadTestImage(page);
await page.getByRole("button", { name: /vectorize/i }).click();
await waitForProcessing(page);
await expect(page.getByRole("link", { name: /download/i }).first()).toBeVisible({
timeout: 15_000,
});
});
});
// ========================================================================
// GIF TOOLS
// ========================================================================
test.describe("GIF Tools", () => {
test("renders tool page with dropzone", async ({ loggedInPage: page }) => {
await page.goto("/gif-tools");
await expect(page.getByText("GIF").first()).toBeVisible();
await expect(page.getByText("Upload from computer")).toBeVisible();
});
test("shows mode selector tabs after upload", async ({ loggedInPage: page }) => {
await page.goto("/gif-tools");
await uploadTestImage(page);
// Mode tabs from gif-tools-settings.tsx
await expect(page.getByRole("button", { name: "Resize" }).first()).toBeVisible();
await expect(page.getByRole("button", { name: "Optimize" }).first()).toBeVisible();
});
test("shows settings section", async ({ loggedInPage: page }) => {
await page.goto("/gif-tools");
await expect(page.getByText("Settings").first()).toBeVisible();
});
});
// ========================================================================
// IMAGE TO PDF
// ========================================================================
test.describe("Image to PDF", () => {
test("renders tool page with dropzone", async ({ loggedInPage: page }) => {
await page.goto("/image-to-pdf");
await expect(page.getByText("Image to PDF").first()).toBeVisible();
await expect(page.getByText("Upload from computer")).toBeVisible();
});
});
// ========================================================================
// PDF TO IMAGE
// ========================================================================
test.describe("PDF to Image", () => {
test("renders tool page without standard dropzone", async ({ loggedInPage: page }) => {
await page.goto("/pdf-to-image");
await expect(page.getByText("PDF to Image").first()).toBeVisible();
// PDF to Image uses no-dropzone display mode with custom file input
await expect(page.getByText("Settings").first()).toBeVisible();
});
test("shows format options", async ({ loggedInPage: page }) => {
await page.goto("/pdf-to-image");
// Format options from pdf-to-image-settings.tsx
await expect(page.getByText(/format/i).first()).toBeVisible();
});
test("shows DPI presets", async ({ loggedInPage: page }) => {
await page.goto("/pdf-to-image");
// DPI buttons from pdf-to-image-settings.tsx
await expect(page.getByText(/dpi|resolution/i).first()).toBeVisible();
});
});
// ========================================================================
// FAVICON
// ========================================================================
test.describe("Favicon Generator", () => {
test("renders tool page with dropzone", async ({ loggedInPage: page }) => {
await page.goto("/favicon");
await expect(page.getByText("Favicon").first()).toBeVisible();
await expect(page.getByText("Upload from computer")).toBeVisible();
});
test("shows generate button after upload", async ({ loggedInPage: page }) => {
await page.goto("/favicon");
await uploadTestImage(page);
await expect(page.getByRole("button", { name: /generate/i }).first()).toBeVisible();
});
test("processes favicon generation and shows download", async ({ loggedInPage: page }) => {
await page.goto("/favicon");
await uploadTestImage(page);
await page
.getByRole("button", { name: /generate/i })
.first()
.click();
await waitForProcessing(page);
await expect(page.getByRole("link", { name: /download/i }).first()).toBeVisible({
timeout: 15_000,
});
});
});
// ========================================================================
// OPTIMIZE FOR WEB
// ========================================================================
test.describe("Optimize for Web", () => {
test("renders tool page with dropzone", async ({ loggedInPage: page }) => {
await page.goto("/optimize-for-web");
await expect(page.getByText("Optimize for Web").first()).toBeVisible();
await expect(page.getByText("Upload from computer")).toBeVisible();
});
test("shows format selector after upload", async ({ loggedInPage: page }) => {
await page.goto("/optimize-for-web");
await uploadTestImage(page);
// Format buttons from optimize-for-web-settings.tsx
await expect(page.getByText(/webp|jpeg|avif|png/i).first()).toBeVisible();
});
test("shows quality slider after upload", async ({ loggedInPage: page }) => {
await page.goto("/optimize-for-web");
await uploadTestImage(page);
await expect(page.getByText(/quality/i).first()).toBeVisible();
});
test("shows strip metadata checkbox after upload", async ({ loggedInPage: page }) => {
await page.goto("/optimize-for-web");
await uploadTestImage(page);
await expect(page.getByText(/strip metadata|remove metadata/i).first()).toBeVisible();
});
});
});