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: deepen GUI navigation with mobile viewport, footer, responsive, and keyboard tests

Browse Source
This commit is contained in:
SnapOtter
2026-05-01 03:35:07 +08:00
parent 710b580cee
commit 241dedc31f
3 changed files with 316 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/gui-keyboard.spec.ts
+65
View File
@@ -131,4 +131,69 @@ test.describe("Keyboard Shortcuts - Tool Navigation", () => {
await expect(page).toHaveURL("/convert");
});
test("Cmd/Ctrl+Alt+5 navigates to Remove Background", async ({ loggedInPage: page }) => {
await page.keyboard.press(`${MOD}+Alt+5`);
await expect(page).toHaveURL("/remove-background");
});
test("Cmd/Ctrl+Alt+6 navigates to Watermark Text", async ({ loggedInPage: page }) => {
await page.keyboard.press(`${MOD}+Alt+6`);
await expect(page).toHaveURL("/watermark-text");
});
test("Cmd/Ctrl+Alt+7 navigates to Strip Metadata", async ({ loggedInPage: page }) => {
await page.keyboard.press(`${MOD}+Alt+7`);
await expect(page).toHaveURL("/strip-metadata");
});
test("Cmd/Ctrl+Alt+8 navigates to Image Info", async ({ loggedInPage: page }) => {
await page.keyboard.press(`${MOD}+Alt+8`);
await expect(page).toHaveURL("/info");
});
});
// ---------------------------------------------------------------------------
// Keyboard shortcut suppression in different input types
// ---------------------------------------------------------------------------
test.describe("Keyboard Shortcuts - Input Suppression", () => {
test("Cmd/Ctrl+Shift+D does not toggle theme when focused on search input", async ({
loggedInPage: page,
}) => {
// Navigate to fullscreen which reliably shows the search input
await page.goto("/fullscreen");
const searchInput = page.getByPlaceholder(/search/i);
await expect(searchInput).toBeVisible();
await searchInput.click();
await searchInput.fill("");
const hadDark = await page.evaluate(() => document.documentElement.classList.contains("dark"));
await page.keyboard.press(`${MOD}+Shift+d`);
await page.waitForTimeout(300);
const hasDark = await page.evaluate(() => document.documentElement.classList.contains("dark"));
// Theme should NOT have changed since we were in an input
expect(hasDark).toBe(hadDark);
});
test("Cmd/Ctrl+Alt+1 does not navigate when focused on search input", async ({
loggedInPage: page,
}) => {
await page.goto("/fullscreen");
const searchInput = page.getByPlaceholder(/search/i);
await expect(searchInput).toBeVisible();
await searchInput.click();
await page.keyboard.press(`${MOD}+Alt+1`);
await page.waitForTimeout(300);
// Should still be on fullscreen since shortcut was suppressed
await expect(page).toHaveURL("/fullscreen");
});
});