add e2e for next/head

sommeeeer · sommeeeer · commit 2e409c8c04b9 · 2025-04-30T14:53:27.000+02:00
diff --git a/examples/pages-router/src/pages/head/index.tsx b/examples/pages-router/src/pages/head/index.tsx
@@ -0,0 +1,34 @@
+import type { InferGetServerSidePropsType } from "next";
+import Head from "next/head";
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      time: new Date().toISOString(),
+      envVar: process.env.SOME_PROD_VAR,
+    },
+  };
+}
+
+export default function Page({
+  time,
+  envVar,
+}: InferGetServerSidePropsType<typeof getServerSideProps>) {
+  return (
+    <div>
+      <Head>
+        <title>OpenNext head</title>
+        <meta
+          property="og:title"
+          content={`OpenNext pages router head ${envVar}`}
+        />
+        <meta property="time" content={time} />
+        <meta
+          name="description"
+          content="OpenNext takes the Next.js build output and converts it into packages that can be deployed across a variety of environments. Natively OpenNext has support for AWS Lambda, Cloudflare, and classic Node.js Server."
+        />
+      </Head>
+      <p>This is a page!</p>
+    </div>
+  );
+}
diff --git a/packages/tests-e2e/tests/pagesRouter/head.test.ts b/packages/tests-e2e/tests/pagesRouter/head.test.ts
@@ -0,0 +1,27 @@
+import { expect, test } from "@playwright/test";
+
+test.describe("next/head", () => {
+  test("should have the correct title", async ({ page }) => {
+    await page.goto("/head");
+    const title = await page.title();
+    expect(title).toBe("OpenNext head");
+  });
+  test("should have the correct meta tags", async ({ page }) => {
+    await page.goto("/head");
+    const ogTitle = await page
+      .locator('meta[property="og:title"]')
+      .getAttribute("content");
+    const ogDesc = await page
+      .locator('meta[name="description"]')
+      .getAttribute("content");
+    const time = await page
+      .locator('meta[property="time"]')
+      .getAttribute("content");
+    expect(ogTitle).toBe("OpenNext pages router head bar");
+    expect(ogDesc).toBe(
+      "OpenNext takes the Next.js build output and converts it into packages that can be deployed across a variety of environments. Natively OpenNext has support for AWS Lambda, Cloudflare, and classic Node.js Server.",
+    );
+
+    expect(new Date(time!).getTime()).toBeLessThan(Date.now());
+  });
+});
