test: import pages-router from aws (#290)

Author: vicb

examples/e2e/app-router/sst-env.d.ts

@@ -0,0 +1 @@
+SOME_PROD_VAR=bar

examples/e2e/pages-router/.env.production

@@ -0,0 +1,43 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+.open-next
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

examples/e2e/pages-router/.gitignore

@@ -0,0 +1,3 @@
+# Pages Router
+
+This project uses the Pages Router exclusively.

examples/e2e/pages-router/README.md

@@ -0,0 +1,9 @@
+import { expect, test } from "@playwright/test";
+
+test("should return 404 on a route not corresponding to any route", async ({ page }) => {
+  const result = await page.goto("/not-existing/route");
+  expect(result).toBeDefined();
+  expect(result?.status()).toBe(404);
+  const headers = result?.headers();
+  expect(headers?.["cache-control"]).toBe("private, no-cache, no-store, max-age=0, must-revalidate");
+});

examples/e2e/pages-router/e2e/404.test.ts

@@ -0,0 +1,21 @@
+import { expect, test } from "@playwright/test";
+
+test("fix _next/data", async ({ page }) => {
+  await page.goto("/");
+
+  const isrJson = page.waitForResponse("/_next/data/*/en/isr.json");
+  await page.locator('[href="/isr/"]').click();
+  const response = await isrJson;
+  expect(response.ok()).toBe(true);
+  expect(response.request().url()).toMatch(/\/_next\/data\/.*\/en\/isr\.json$/);
+  await page.waitForURL("/isr/");
+
+  const homeJson = page.waitForResponse("/_next/data/*/en.json");
+  await page.locator('[href="/"]').click();
+  const response2 = await homeJson;
+  expect(response2.ok()).toBe(true);
+  expect(response2.request().url()).toMatch(/\/_next\/data\/.*\/en\.json$/);
+  await page.waitForURL("/");
+  const body = await response2.json();
+  expect(body).toEqual({ pageProps: { hello: "world" }, __N_SSG: true });
+});

examples/e2e/pages-router/e2e/data.test.ts

@@ -0,0 +1,12 @@
+import { expect, test } from "@playwright/test";
+
+test("should test if poweredByHeader adds the correct headers ", async ({ page }) => {
+  const result = await page.goto("/");
+  expect(result).toBeDefined();
+  expect(result?.status()).toBe(200);
+  const headers = result?.headers();
+
+  // Both these headers should be present cause poweredByHeader is true in pagesRouter
+  expect(headers?.["x-powered-by"]).toBe("Next.js");
+  expect(headers?.["x-opennext"]).toBe("1");
+});

examples/e2e/pages-router/e2e/header.test.ts

@@ -0,0 +1,17 @@
+import { expect, test } from "@playwright/test";
+
+test("Next config headers with i18n", async ({ page }) => {
+  const responsePromise = page.waitForResponse((response) => {
+    return response.status() === 200;
+  });
+  await page.goto("/");
+
+  const response = await responsePromise;
+  // Response header should be set
+  const headers = response.headers();
+  // Headers from next.config.js should be set
+  expect(headers["x-custom-header"]).toEqual("my custom header value");
+
+  // Headers from middleware should be set
+  expect(headers["x-from-middleware"]).toEqual("true");
+});

examples/e2e/pages-router/e2e/i18n.test.ts

@@ -0,0 +1,41 @@
+import { expect, test } from "@playwright/test";
+
+test("Incremental Static Regeneration", async ({ page }) => {
+  test.setTimeout(45000);
+  await page.goto("/");
+  await page.locator("[href='/isr/']").click();
+  await page.waitForURL("/isr/");
+  // Load the page a couple times to regenerate ISR
+
+  let el = page.getByText("Time:");
+  // Track the static time
+  let time = await el.textContent();
+  let newTime: typeof time;
+  let tempTime = time;
+  do {
+    await page.waitForTimeout(1000);
+    await page.reload();
+    time = tempTime;
+    el = page.getByText("Time:");
+    newTime = await el.textContent();
+    tempTime = newTime;
+  } while (time !== newTime);
+  await page.reload();
+  await page.waitForTimeout(1000);
+  el = page.getByText("Time:");
+  const midTime = await el.textContent();
+  // Expect that the time is still stale
+  expect(midTime).toEqual(newTime);
+
+  // Wait 10 + 1 seconds for ISR to regenerate time
+  await page.waitForTimeout(11000);
+  let finalTime = newTime;
+  do {
+    await page.waitForTimeout(2000);
+    el = page.getByText("Time:");
+    finalTime = await el.textContent();
+    await page.reload();
+  } while (newTime === finalTime);
+
+  expect(newTime).not.toEqual(finalTime);
+});

examples/e2e/pages-router/e2e/isr.test.ts

@@ -0,0 +1,54 @@
+import { defineConfig, devices } from "@playwright/test";
+import type nodeProcess from "node:process";
+
+declare const process: typeof nodeProcess;
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: "./",
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: "html",
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: "http://localhost:8791",
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: "on-first-retry",
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
+    },
+    // TODO(vicb): enable all browsers
+    // {
+    //   name: "firefox",
+    //   use: { ...devices["Desktop Firefox"] },
+    // },
+    // {
+    //   name: "webkit",
+    //   use: { ...devices["Desktop Safari"] },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: "pnpm preview",
+    url: "http://localhost:8791",
+    reuseExistingServer: !process.env.CI,
+    timeout: 70_000,
+  },
+});