test(web-next): add Playwright config + smoke specs (home, about, blog 404)

apps/web-next/e2e/blog-post.spec.ts

@@ -0,0 +1,20 @@
+import { test, expect } from "@playwright/test";
+
+test("/blog/[slug] returns 404 for non-existent slug", async ({ page }) => {
+  const response = await page.goto("/blog/this-slug-does-not-exist", {
+    waitUntil: "domcontentloaded",
+  });
+  expect(response?.status()).toBe(404);
+});
+
+test("/blog/[slug] for a real slug renders the article", async ({ page }) => {
+  // The mock blog repository is empty by default — so this test currently
+  // expects 404. When seeded data exists in Payload, replace 404 with 200
+  // and check for article.title in the page body.
+  test.skip(
+    true,
+    "Pending: seed a published article in Payload before enabling this test",
+  );
+  await page.goto("/blog/example-slug");
+  await expect(page.locator("h1").first()).toBeVisible();
+});

apps/web-next/e2e/home.spec.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "@playwright/test";
+
+test("home page renders site name + nav + article list", async ({ page }) => {
+  await page.goto("/");
+  // Page renders and shows site name
+  await expect(page.locator("h1").first()).toBeVisible();
+  // Site name from siteSettings (mock seed: "My App")
+  await expect(page.locator("body")).toContainText(/My App/i);
+  // Nav element is present on the page
+  const nav = page.locator("nav");
+  await expect(nav).toHaveCount(1);
+});

apps/web-next/e2e/marketing-page.spec.ts

@@ -0,0 +1,10 @@
+import { test, expect } from "@playwright/test";
+
+test("/about renders the about marketing page", async ({ page }) => {
+  await page.goto("/about");
+  // Either renders the seeded page (h1 = "About us") or "not yet published" message
+  // — both are HTTP 200, so the test only checks it doesn't 500.
+  const status = (await page.context().request.get("/about")).status();
+  expect(status).toBe(200);
+  await expect(page.locator("body")).toBeVisible();
+});