mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
SnapOtterandGitHub
0f98f60c33
The e2e specs predate the 2.0 section-route migration and navigated to
single-segment tool URLs (/resize) that now 404 (App.tsx only mounts
/:section/:toolId). This broke the whole e2e suite (Cross-Browser, Device
Matrix, E2E Full, Visual) - part of the known stale-spec backlog.
- Sweep 929 goto("/<tool>") -> goto("/<section>/<tool>") across 45 spec
files, using the authoritative TOOLS + toolSection() mapping. Two-segment
routes, top-level routes (/automate, /editor, ...), and intentional 404
tests (/nonexistent-*) are untouched.
- Implement the legacy redirects the specs already assert: the 1.x color
tools (brightness-contrast, saturation, color-channels, color-effects)
redirect to /image/adjust-colors (App.tsx). Good for old bookmarks too.
- Remove the analytics-consent page tests (gui-navigation + gui-visual);
#336 deleted that page.
Mechanical + biome-clean + web typecheck passes. Browser-specific behavior
can only be confirmed by the nightly e2e jobs.
73 lines
2.6 KiB
TypeScript
73 lines
2.6 KiB
TypeScript
import path from "node:path";
|
|
import { expect, test, waitForProcessing } from "./helpers";
|
|
|
|
const PDF_FIXTURE = path.join(
|
|
process.cwd(),
|
|
"tests",
|
|
"fixtures",
|
|
"document",
|
|
"valid",
|
|
"test-3page.pdf",
|
|
);
|
|
|
|
test.describe("Document display mode (rotate-pdf)", () => {
|
|
test("uploads a PDF, rotates it, and shows the document canvas with processed result", async ({
|
|
loggedInPage: page,
|
|
}) => {
|
|
await page.goto("/pdf/rotate-pdf");
|
|
|
|
// Upload test-3page.pdf via file chooser
|
|
const fileChooserPromise = page.waitForEvent("filechooser");
|
|
const uploadButton = page.getByRole("button", { name: /upload from computer/i }).first();
|
|
if (await uploadButton.isVisible({ timeout: 2000 }).catch(() => false)) {
|
|
await uploadButton.click();
|
|
} else {
|
|
await page.locator("[class*='border-dashed']").first().click();
|
|
}
|
|
const fileChooser = await fileChooserPromise;
|
|
await fileChooser.setFiles(PDF_FIXTURE);
|
|
await page.waitForTimeout(500);
|
|
|
|
// The document canvas should show the source PDF immediately
|
|
const canvas = page.locator("[data-testid='document-canvas']");
|
|
await expect(canvas).toBeVisible({ timeout: 15_000 });
|
|
|
|
// Click submit to rotate the PDF (default: 90 degrees, all pages)
|
|
await page.getByTestId("rotate-pdf-submit").click();
|
|
|
|
// Wait for processing to complete
|
|
await waitForProcessing(page, 60_000);
|
|
|
|
// After processing, the review panel appears with a Download button
|
|
await expect(page.getByText("Download").first()).toBeVisible({ timeout: 30_000 });
|
|
|
|
// The document canvas should still be visible (now showing the rotated PDF)
|
|
await expect(canvas).toBeVisible();
|
|
});
|
|
|
|
test("document viewer shows page navigation for multi-page PDF", async ({
|
|
loggedInPage: page,
|
|
}) => {
|
|
await page.goto("/pdf/rotate-pdf");
|
|
|
|
// Upload test-3page.pdf
|
|
const fileChooserPromise = page.waitForEvent("filechooser");
|
|
const uploadButton = page.getByRole("button", { name: /upload from computer/i }).first();
|
|
if (await uploadButton.isVisible({ timeout: 2000 }).catch(() => false)) {
|
|
await uploadButton.click();
|
|
} else {
|
|
await page.locator("[class*='border-dashed']").first().click();
|
|
}
|
|
const fileChooser = await fileChooserPromise;
|
|
await fileChooser.setFiles(PDF_FIXTURE);
|
|
await page.waitForTimeout(500);
|
|
|
|
// Wait for the canvas to render the first page
|
|
const canvas = page.locator("[data-testid='document-canvas']");
|
|
await expect(canvas).toBeVisible({ timeout: 15_000 });
|
|
|
|
// Page navigation should appear for a 3-page PDF ("1 / 3")
|
|
await expect(page.getByText("1 / 3")).toBeVisible({ timeout: 10_000 });
|
|
});
|
|
});
|