new landing — fixes

package.json

@@ -17,7 +17,8 @@
     "lint:docs:ci": "eslint --ignore-path .gitignore src/pages/learn --format eslint-formatter-github",
     "postbuild": "next-sitemap",
     "prebuild": "tsx src/get-github-info.ts",
-    "test": "echo \"no tests\" && exit 1",
+    "test": "playwright test",
+    "test:ui": "playwright test --ui",
     "validate:snippets": "node scripts/validate-snippets.js"
   },
   "dependencies": {
@@ -75,6 +76,7 @@
   "devDependencies": {
     "@graphql-eslint/eslint-plugin": "4.3.0",
     "@next/eslint-plugin-next": "^15.3.3",
+    "@playwright/test": "^1.54.2",
     "@svgr/webpack": "^8.1.0",
     "@types/codemirror": "5.60.16",
     "@types/hast": "3.0.4",
@@ -99,6 +101,9 @@
     "tsx": "^4.19.4",
     "typescript": "^5.8.3"
   },
+  "optionalDependencies": {
+    "playwright": "^1.54.2"
+  },
   "pnpm": {
     "patchedDependencies": {
       "nextra": "patches/nextra.patch"

playwright.config.ts

@@ -0,0 +1,31 @@
+import { defineConfig, devices } from "@playwright/test"
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+export default defineConfig({
+  testDir: "./test/e2e",
+  outputDir: "./test/out",
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: "html",
+  use: {
+    baseURL: "http://localhost:3000",
+    trace: "on-first-retry",
+  },
+
+  projects: [
+    {
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
+    },
+  ],
+
+  webServer: {
+    command: "pnpm dev",
+    url: "http://localhost:3000",
+    reuseExistingServer: !process.env.CI,
+  },
+})

src/components/footer/index.tsx

@@ -50,7 +50,7 @@ const FOOTER_SECTIONS: FooterSection[] = [
       { title: "GitHub", route: "https://github.com/graphql" },
       {
         title: "Specification",
-        route: "/spec",
+        route: "https://spec.graphql.org",
       },
       { title: "Libraries & Tools", route: "/code" },
       {
@@ -78,7 +78,7 @@ const FOOTER_SECTIONS: FooterSection[] = [
         ),
         route: "/community/contribute/essential-links",
       },
-      { title: "Landscape", route: "/landscape" },
+      { title: "Landscape", route: "https://landscape.graphql.org" },
       { title: "Shop", route: "https://store.graphql.org/" },
     ],
   },