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

feat(landing): migrate from Next.js to Astro 5

Browse Source 
Zero client JS, 165 static pages, self-hosted fonts, Otter Orange
design system. Includes tool SEO data for all 157 tools, enterprise
page, and updated e2e landing tests.
This commit is contained in:
SnapOtter
2026-06-14 16:50:20 +08:00
parent f9ed5d125a
commit 8403222d08
74 changed files with 9157 additions and 3404 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e-landing/interactions.spec.ts
+3 -43
View File
@@ -1,50 +1,9 @@
import { expect, test } from "@playwright/test";
test.describe("BentoGrid Interactions", () => {
test.beforeEach(async ({ page }) => {
await page.goto("/");
});
test("search filters tools by name", async ({ page }) => {
const input = page.getByPlaceholder("Search tools...");
await input.fill("resize");
await expect(page.getByText("Resize", { exact: true }).first()).toBeVisible();
await expect(page.getByText(/Showing \d+ of 53 tools/)).toBeVisible();
});
test("category pill filters tools", async ({ page }) => {
await page.getByText(/AI Tools/).click();
await expect(page.getByText(/Showing 16 of 53 tools/)).toBeVisible();
await expect(page.getByText("Remove Background")).toBeVisible();
});
test("clicking All resets category filter", async ({ page }) => {
await page.getByText(/AI Tools/).click();
await expect(page.getByText(/Showing 16 of 53 tools/)).toBeVisible();
await page.getByText(/All \(53\)/).click();
await expect(page.getByText(/Showing 53 of 53 tools/)).toBeVisible();
});
test("search with no results shows empty state", async ({ page }) => {
const input = page.getByPlaceholder("Search tools...");
await input.fill("xyznonexistent");
await expect(page.getByText("No tools found. Try a different search.")).toBeVisible();
await expect(page.getByText(/Showing 0 of 53 tools/)).toBeVisible();
});
test("combined search and category filter works", async ({ page }) => {
await page.getByText(/AI Tools/).click();
const input = page.getByPlaceholder("Search tools...");
await input.fill("background");
await expect(page.getByText("Remove Background")).toBeVisible();
});
});
test.describe("HowItWorks Copy Button", () => {
test.describe("Docker Command Copy Button", () => {
test("copy button shows Copied! feedback", async ({ page }) => {
await page.goto("/");
const copyButton = page.locator("button").filter({ hasText: "docker run" });
const copyButton = page.locator("button[data-copy]");
await copyButton.click();
await expect(page.getByText("Copied!")).toBeVisible();
});
@@ -94,6 +53,7 @@ test.describe("Mobile Navigation", () => {
const toggle = page.getByLabel("Toggle menu");
await toggle.click();
await expect(page.getByRole("link", { name: "Features" }).last()).toBeVisible();
await expect(page.getByRole("link", { name: "Enterprise" }).last()).toBeVisible();
await expect(page.getByRole("link", { name: "Pricing" }).last()).toBeVisible();
await expect(page.getByRole("link", { name: "Docs" }).last()).toBeVisible();
await expect(page.getByRole("link", { name: "Contact" }).last()).toBeVisible();