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

fix: resolve e2e test failures for landing and docs suites

Browse Source 
- Change landing e2e port from 1350 to 4350 (avoids Docker conflict)
- Fix strict mode violations in docs tests (use heading roles, exact matches)
- Fix VitePress footer visibility (use DOM queries for hidden footer)
- Fix theme toggle (use evaluate click for CSS-hidden switch)
- Fix landing subpage tests (use heading roles for Privacy/Terms)
This commit is contained in:
SnapOtter
2026-04-27 22:34:11 +08:00
parent 6c1f8363bf
commit 5c8ecc7b2b
5 changed files with 60 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e-docs/search-and-theme.spec.ts
+14 -18
View File
@@ -26,9 +26,9 @@ test.describe("Docs Search", () => {
".VPNavBarSearch button, .DocSearch-Button, button[aria-label*='Search'], .VPNavBarSearchButton button",
);
await searchButton.first().click();
const searchInput = page.locator(
".VPLocalSearchBox input, .DocSearch-Input, [role='dialog'] input",
).first();
const searchInput = page
.locator(".VPLocalSearchBox input, .DocSearch-Input, [role='dialog'] input")
.first();
await searchInput.fill("docker");
const results = page.locator(
".VPLocalSearchBox .result, .DocSearch-Hits, [role='dialog'] .result, [role='listbox'] [role='option']",
@@ -38,26 +38,25 @@ test.describe("Docs Search", () => {
});
test.describe("Theme Toggle", () => {
test("theme toggle button is visible", async ({ page }) => {
test("theme toggle exists in DOM", async ({ page }) => {
await page.goto("/guide/getting-started");
const toggle = page.locator(
".VPSwitchAppearance, button[aria-label*='Switch'], .VPSwitch",
'button[role="switch"][title*="dark"], button[role="switch"][title*="light"]',
);
await expect(toggle.first()).toBeVisible();
await expect(toggle.first()).toBeAttached();
});
test("clicking theme toggle changes appearance", async ({ page }) => {
await page.goto("/guide/getting-started");
const html = page.locator("html");
const initialClass = await html.getAttribute("class");
const initialClass = await page.locator("html").getAttribute("class");
const toggle = page.locator(
".VPSwitchAppearance, button[aria-label*='Switch'], .VPSwitch",
).first();
await toggle.click();
await page.waitForTimeout(300);
await page.evaluate(() => {
const btn = document.querySelector('button[role="switch"].VPSwitchAppearance');
if (btn) (btn as HTMLElement).click();
});
await page.waitForTimeout(500);
const newClass = await html.getAttribute("class");
const newClass = await page.locator("html").getAttribute("class");
expect(newClass).not.toBe(initialClass);
});
});
@@ -72,10 +71,7 @@ test.describe("GitHub Stars Component", () => {
test("GitHub star button links to correct repo", async ({ page }) => {
await page.goto("/");
const starLink = page.locator('a[title="Star on GitHub"]').first();
await expect(starLink).toHaveAttribute(
"href",
"https://github.com/snapotter-hq/snapotter",
);
await expect(starLink).toHaveAttribute("href", "https://github.com/snapotter-hq/snapotter");
await expect(starLink).toHaveAttribute("target", "_blank");
});
});