mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
feat(landing): migrate from Next.js to Astro 5
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
@@ -12,6 +12,7 @@ test.describe("Landing Homepage", () => {
|
||||
test("navbar renders brand and navigation links", async ({ page }) => {
|
||||
await expect(page.getByText("SnapOtter").first()).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: "Features" }).first()).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: "Enterprise" }).first()).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: "Pricing" }).first()).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: "Docs" }).first()).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: "Contact" }).first()).toBeVisible();
|
||||
@@ -22,55 +23,74 @@ test.describe("Landing Homepage", () => {
|
||||
});
|
||||
|
||||
test("hero section renders headline and subheadline", async ({ page }) => {
|
||||
await expect(page.getByText("Your images. Stay yours.")).toBeVisible();
|
||||
await expect(page.getByText("Every image tool you need.")).toBeVisible();
|
||||
await expect(page.getByText("Your files never leave")).toBeVisible();
|
||||
await expect(
|
||||
page.getByText("self-hosted tools for images, video, audio, documents, and data"),
|
||||
).toBeVisible();
|
||||
});
|
||||
|
||||
test("hero CTA links to GitHub", async ({ page }) => {
|
||||
const cta = page.getByRole("link", { name: "Get it for free" });
|
||||
test("hero CTA links to getting started docs", async ({ page }) => {
|
||||
const cta = page.getByRole("link", { name: "Deploy Free" });
|
||||
await expect(cta).toBeVisible();
|
||||
await expect(cta).toHaveAttribute("href", "https://github.com/snapotter-hq/snapotter");
|
||||
await expect(cta).toHaveAttribute("href", "https://docs.snapotter.com/guide/getting-started");
|
||||
await expect(cta).toHaveAttribute("target", "_blank");
|
||||
});
|
||||
|
||||
test("how-it-works section renders Docker command", async ({ page }) => {
|
||||
await expect(page.getByText("Get started in seconds")).toBeVisible();
|
||||
await expect(page.getByText("docker run -d --name SnapOtter", { exact: false })).toBeVisible();
|
||||
test("hero section renders Docker command", async ({ page }) => {
|
||||
await expect(
|
||||
page.getByText("docker run -d -p 1349:1349 snapotter/snapotter", { exact: false }),
|
||||
).toBeVisible();
|
||||
});
|
||||
|
||||
test("why-choose section renders all 9 benefit cards", async ({ page }) => {
|
||||
await expect(page.getByText("Built different. On purpose.")).toBeVisible();
|
||||
const cards = [
|
||||
"No Signup",
|
||||
"No Uploads",
|
||||
"Forever Free",
|
||||
"No Limits",
|
||||
"Batch Processing",
|
||||
"Lightning Fast",
|
||||
"Open Source",
|
||||
"REST API",
|
||||
"Pipeline Automation",
|
||||
];
|
||||
for (const card of cards) {
|
||||
await expect(page.getByText(card, { exact: true }).first()).toBeVisible();
|
||||
test("trust signals show stats", async ({ page }) => {
|
||||
await expect(page.getByText("Processing Tools")).toBeVisible();
|
||||
await expect(page.getByText("GitHub Stars")).toBeVisible();
|
||||
await expect(page.getByText("Docker Pulls")).toBeVisible();
|
||||
await expect(page.getByText("Languages")).toBeVisible();
|
||||
});
|
||||
|
||||
test("modality explorer renders section heading and cards", async ({ page }) => {
|
||||
await expect(page.getByText("Every file format. One platform.")).toBeVisible();
|
||||
const modalities = ["Image", "Video", "Audio", "Documents", "Data"];
|
||||
for (const mod of modalities) {
|
||||
await expect(page.getByText(mod, { exact: true }).first()).toBeVisible();
|
||||
}
|
||||
});
|
||||
|
||||
test("bento grid renders with search and tool count", async ({ page }) => {
|
||||
await expect(page.getByText("50+ tools. Zero cloud dependency.")).toBeVisible();
|
||||
await expect(page.getByPlaceholder("Search tools...")).toBeVisible();
|
||||
await expect(page.getByText(/Showing 53 of 53 tools/)).toBeVisible();
|
||||
test("feature highlights section renders heading and features", async ({ page }) => {
|
||||
await expect(page.getByText("Built for serious infrastructure.")).toBeVisible();
|
||||
await expect(page.getByText("Your files stay on your servers")).toBeVisible();
|
||||
await expect(page.getByText("Full REST API for every tool")).toBeVisible();
|
||||
await expect(page.getByText("15 AI models, all running locally")).toBeVisible();
|
||||
await expect(page.getByText("Deploy once, use everywhere")).toBeVisible();
|
||||
});
|
||||
|
||||
test("enterprise section renders feature cards", async ({ page }) => {
|
||||
await expect(page.getByText("Your data never leaves your network.")).toBeVisible();
|
||||
await expect(page.getByText("Data Sovereignty")).toBeVisible();
|
||||
await expect(page.getByText("Enterprise Controls")).toBeVisible();
|
||||
await expect(page.getByText("Deploy Anywhere")).toBeVisible();
|
||||
await expect(page.getByText("Built for enterprise deployment.")).toBeVisible();
|
||||
const features = [
|
||||
"SAML SSO",
|
||||
"SCIM Provisioning",
|
||||
"Multi-Factor Auth",
|
||||
"Multi-Tenancy",
|
||||
"Per-Tool Permissions",
|
||||
"Audit Export",
|
||||
"S3-Compatible Storage",
|
||||
"Webhooks",
|
||||
];
|
||||
for (const feature of features) {
|
||||
await expect(page.getByText(feature, { exact: true }).first()).toBeVisible();
|
||||
}
|
||||
});
|
||||
|
||||
test("how-it-works section renders steps", async ({ page }) => {
|
||||
await expect(page.getByText("Up and running in 60 seconds.")).toBeVisible();
|
||||
await expect(page.getByText("Run a single Docker command", { exact: false })).toBeVisible();
|
||||
await expect(page.getByText("Navigate to localhost:1349", { exact: false })).toBeVisible();
|
||||
await expect(page.getByText("Upload files, pick a tool", { exact: false })).toBeVisible();
|
||||
});
|
||||
|
||||
test("pricing section renders both plans", async ({ page }) => {
|
||||
await expect(page.getByText(/Free for everyone/)).toBeVisible();
|
||||
await expect(page.getByText("Free for everyone. Enterprise when you need it.")).toBeVisible();
|
||||
const openSource = page.getByText("Open Source", { exact: true });
|
||||
await expect(openSource.first()).toBeVisible();
|
||||
await expect(page.getByText("Enterprise", { exact: true }).first()).toBeVisible();
|
||||
@@ -84,6 +104,7 @@ test.describe("Landing Homepage", () => {
|
||||
|
||||
test("footer renders all column titles", async ({ page }) => {
|
||||
await expect(page.getByText("Product", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("Solutions", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("Resources", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("Community", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("Legal", { exact: true })).toBeVisible();
|
||||
@@ -91,6 +112,6 @@ test.describe("Landing Homepage", () => {
|
||||
|
||||
test("footer renders copyright with current year", async ({ page }) => {
|
||||
const year = new Date().getFullYear();
|
||||
await expect(page.getByText(new RegExp(String(year)))).toBeVisible();
|
||||
await expect(page.getByText(new RegExp(`${year}.*Chocolate Wafers`))).toBeVisible();
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user