review fix and package update

Author: conico974

examples/experimental/package.json

@@ -11,7 +11,7 @@
     "clean": "rm -rf .turbo node_modules .next .open-next"
   },
   "dependencies": {
-    "next": "15.3.1-canary.13",
+    "next": "15.4.0-canary.14",
     "react": "catalog:",
     "react-dom": "catalog:"
   },

examples/experimental/src/components/dynamic.tsx

@@ -1,13 +1,10 @@
+import { setTimeout } from "node:timers/promises";
 import { headers } from "next/headers";
 
 export async function DynamicComponent() {
   const _headers = await headers();
   // Simulate a delay to mimic server-side calls
-  const date = await new Promise((resolve) =>
-    setTimeout(() => {
-      resolve(new Date().toString());
-    }, 1000),
-  );
+  await setTimeout(1000, new Date().toString());
   return (
     <div>
       <h1>Dynamic Component</h1>

packages/tests-e2e/tests/experimental/nodeMiddleware.test.ts

@@ -1,29 +1,31 @@
 import { expect, test } from "@playwright/test";
 
-test("Node middleware should add headers", async ({ request }) => {
-  const resp = await request.get("/");
-  expect(resp.status()).toEqual(200);
-  const headers = resp.headers();
-  expect(headers["x-middleware-test"]).toEqual("1");
-  expect(headers["x-random-node"]).toBeDefined();
-});
+test.describe("Node Middleware", () => {
+  test("Node middleware should add headers", async ({ request }) => {
+    const resp = await request.get("/");
+    expect(resp.status()).toEqual(200);
+    const headers = resp.headers();
+    expect(headers["x-middleware-test"]).toEqual("1");
+    expect(headers["x-random-node"]).toBeDefined();
+  });
 
-test("Node middleware should return json", async ({ request }) => {
-  const resp = await request.get("/api/hello");
-  expect(resp.status()).toEqual(200);
-  const json = await resp.json();
-  expect(json).toEqual({ name: "World" });
-});
+  test("Node middleware should return json", async ({ request }) => {
+    const resp = await request.get("/api/hello");
+    expect(resp.status()).toEqual(200);
+    const json = await resp.json();
+    expect(json).toEqual({ name: "World" });
+  });
 
-test("Node middleware should redirect", async ({ page }) => {
-  await page.goto("/redirect");
-  await page.waitForURL("/");
-  const el = page.getByText("Incremental PPR");
-  await expect(el).toBeVisible();
-});
+  test("Node middleware should redirect", async ({ page }) => {
+    await page.goto("/redirect");
+    await page.waitForURL("/");
+    const el = page.getByText("Incremental PPR");
+    await expect(el).toBeVisible();
+  });
 
-test("Node middleware should rewrite", async ({ page }) => {
-  await page.goto("/rewrite");
-  const el = page.getByText("Incremental PPR");
-  await expect(el).toBeVisible();
+  test("Node middleware should rewrite", async ({ page }) => {
+    await page.goto("/rewrite");
+    const el = page.getByText("Incremental PPR");
+    await expect(el).toBeVisible();
+  });
 });

packages/tests-e2e/tests/experimental/ppr.test.ts

@@ -1,22 +1,24 @@
 import { expect, test } from "@playwright/test";
 
-test("PPR should show loading first", async ({ page }) => {
-  await page.goto("/");
-  await page.getByRole("link", { name: "Incremental PPR" }).click();
-  await page.waitForURL("/ppr");
-  const loading = page.getByText("Loading...");
-  await expect(loading).toBeVisible();
-  const el = page.getByText("Dynamic Component");
-  await expect(el).toBeVisible();
-});
+test.describe("PPR", () => {
+  test("PPR should show loading first", async ({ page }) => {
+    await page.goto("/");
+    await page.getByRole("link", { name: "Incremental PPR" }).click();
+    await page.waitForURL("/ppr");
+    const loading = page.getByText("Loading...");
+    await expect(loading).toBeVisible();
+    const el = page.getByText("Dynamic Component");
+    await expect(el).toBeVisible();
+  });
 
-test("PPR rsc prefetch request should be cached", async ({ request }) => {
-  const resp = await request.get("/ppr", {
-    headers: { rsc: "1", "next-router-prefetch": "1" },
+  test("PPR rsc prefetch request should be cached", async ({ request }) => {
+    const resp = await request.get("/ppr", {
+      headers: { rsc: "1", "next-router-prefetch": "1" },
+    });
+    expect(resp.status()).toEqual(200);
+    const headers = resp.headers();
+    expect(headers["x-nextjs-postponed"]).toEqual("1");
+    expect(headers["x-nextjs-cache"]).toEqual("HIT");
+    expect(headers["cache-control"]).toEqual("s-maxage=31536000");
   });
-  expect(resp.status()).toEqual(200);
-  const headers = resp.headers();
-  expect(headers["x-nextjs-postponed"]).toEqual("1");
-  expect(headers["x-nextjs-cache"]).toEqual("HIT");
-  expect(headers["cache-control"]).toEqual("s-maxage=31536000");
 });