mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
Siddharth Kumar Sah
d9704fda82
- Add preview endpoint for page thumbnails with clickable selection - Add 8 output formats (PNG, JPEG, WebP, AVIF, TIFF, GIF, HEIC, HEIF) - Add quality slider for lossy formats, color mode (Color/Grayscale/B&W) - Add custom DPI input (36-1200) alongside preset buttons - Replace reply.hijack() ZIP streaming with JSON response + server-side ZIP - Add dedicated Zustand store with bidirectional page range sync - Add ResultsPanel with per-page download, format/size badges - Update integration tests (16 cases) and e2e tests (3 cases)
63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
import path from "node:path";
|
|
import { expect, test, waitForProcessing } from "./helpers";
|
|
|
|
const PDF_FIXTURE = path.join(process.cwd(), "tests", "fixtures", "test-3page.pdf");
|
|
|
|
test.describe("PDF to Image tool", () => {
|
|
test("shows page thumbnails after uploading a PDF", async ({ loggedInPage: page }) => {
|
|
await page.goto("/pdf-to-image");
|
|
|
|
// Upload PDF via file input
|
|
const fileInput = page.locator("input[type='file'][accept='application/pdf']");
|
|
await fileInput.setInputFiles(PDF_FIXTURE);
|
|
|
|
// Wait for page count to appear
|
|
await expect(page.locator(".bg-muted").getByText("3 pages")).toBeVisible({ timeout: 15_000 });
|
|
|
|
// Wait for thumbnails to appear in the results panel
|
|
await expect(page.locator("text=3 of 3 pages selected")).toBeVisible({ timeout: 15_000 });
|
|
});
|
|
|
|
test("converts a PDF page to an image and shows results", async ({ loggedInPage: page }) => {
|
|
await page.goto("/pdf-to-image");
|
|
|
|
// Upload PDF
|
|
const fileInput = page.locator("input[type='file'][accept='application/pdf']");
|
|
await fileInput.setInputFiles(PDF_FIXTURE);
|
|
await expect(page.locator(".bg-muted").getByText("3 pages")).toBeVisible({ timeout: 15_000 });
|
|
|
|
// Set pages to just page 1
|
|
await page.fill("#pdf-pages", "1");
|
|
|
|
// Click convert
|
|
await page.getByTestId("pdf-to-image-submit").click();
|
|
|
|
// Wait for processing
|
|
await waitForProcessing(page);
|
|
|
|
// Verify download link appears
|
|
await expect(page.getByTestId("pdf-to-image-download")).toBeVisible({ timeout: 15_000 });
|
|
await expect(page.getByTestId("pdf-to-image-download")).toContainText("Download All");
|
|
|
|
// Verify results panel shows converted page
|
|
await expect(page.locator("text=1 page converted")).toBeVisible();
|
|
});
|
|
|
|
test("can select and deselect pages via thumbnails", async ({ loggedInPage: page }) => {
|
|
await page.goto("/pdf-to-image");
|
|
|
|
// Upload PDF
|
|
const fileInput = page.locator("input[type='file'][accept='application/pdf']");
|
|
await fileInput.setInputFiles(PDF_FIXTURE);
|
|
await expect(page.locator("text=3 of 3 pages selected")).toBeVisible({ timeout: 15_000 });
|
|
|
|
// Click "Deselect All"
|
|
await page.locator("text=Deselect All").click();
|
|
await expect(page.locator("text=0 of 3 pages selected")).toBeVisible();
|
|
|
|
// Click "Select All"
|
|
await page.locator("text=Select All").click();
|
|
await expect(page.locator("text=3 of 3 pages selected")).toBeVisible();
|
|
});
|
|
});
|