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.
51 lines
1.8 KiB
TypeScript
51 lines
1.8 KiB
TypeScript
import fs from "node:fs";
|
|
import path from "node:path";
|
|
import { expect, test, uploadTestImage, waitForProcessing } from "./helpers";
|
|
|
|
test.describe("Color Blindness Simulation tool", () => {
|
|
test("upload -> simulate -> download cycle", async ({ loggedInPage: page }) => {
|
|
await page.goto("/image/color-blindness");
|
|
await expect(page.getByText("Color Blindness Simulation").first()).toBeVisible();
|
|
|
|
await uploadTestImage(page);
|
|
await expect(page.getByText("Upload from computer")).not.toBeVisible();
|
|
|
|
const dropdown = page.locator("#cb-simulation-type");
|
|
await expect(dropdown).toBeVisible();
|
|
await expect(dropdown).toHaveValue("deuteranomaly");
|
|
|
|
await dropdown.selectOption("protanopia");
|
|
await expect(dropdown).toHaveValue("protanopia");
|
|
|
|
await page.getByTestId("color-blindness-submit").click();
|
|
await waitForProcessing(page);
|
|
|
|
const downloadBtn = page.getByTestId("color-blindness-download");
|
|
await expect(downloadBtn).toBeVisible({ timeout: 15_000 });
|
|
|
|
const downloadPromise = page.waitForEvent("download");
|
|
await downloadBtn.click();
|
|
const download = await downloadPromise;
|
|
expect(download.suggestedFilename()).toBeTruthy();
|
|
|
|
const downloadPath = path.join(
|
|
process.cwd(),
|
|
"test-results",
|
|
"download-color-blindness-result",
|
|
);
|
|
await download.saveAs(downloadPath);
|
|
const stat = fs.statSync(downloadPath);
|
|
expect(stat.size).toBeGreaterThan(0);
|
|
});
|
|
|
|
test("shows type description when selection changes", async ({ loggedInPage: page }) => {
|
|
await page.goto("/image/color-blindness");
|
|
await uploadTestImage(page);
|
|
|
|
const dropdown = page.locator("#cb-simulation-type");
|
|
await dropdown.selectOption("achromatopsia");
|
|
|
|
await expect(page.getByText("Complete color blindness", { exact: false })).toBeVisible();
|
|
});
|
|
});
|