add e2e test

Author: conico974

examples/app-router/app/isr-data-cache/page.tsx

@@ -0,0 +1,30 @@
+import { unstable_cache } from "next/cache";
+
+async function getTime() {
+  return new Date().toISOString();
+}
+
+const cachedTime = unstable_cache(getTime, { revalidate: false });
+
+export const revalidate = 10;
+
+export default async function ISR() {
+  const responseOpenNext = await fetch("https://opennext.js.org", {
+    cache: "force-cache",
+  });
+  const dateInOpenNext = responseOpenNext.headers.get("date");
+  const cachedTimeValue = await cachedTime();
+  const time = getTime();
+  return (
+    <div>
+      <h1>Date from from OpenNext</h1>
+      <p data-testid="fetched-date">
+        Date from from OpenNext: {dateInOpenNext}
+      </p>
+      <h1>Cached Time</h1>
+      <p data-testid="cached-date">Cached Time: {cachedTimeValue}</p>
+      <h1>Time</h1>
+      <p data-testid="time">Time: {time}</p>
+    </div>
+  );
+}

packages/tests-e2e/tests/appRouter/isr.test.ts

@@ -61,3 +61,35 @@ test("headers", async ({ page }) => {
     await page.reload();
   }
 });
+
+test("Incremental Static Regeneration with data cache", async ({ page }) => {
+  test.setTimeout(45000);
+  await page.goto("/isr-data-cache");
+
+  const originalFetchedDate = await page
+    .getByTestId("fetched-date")
+    .textContent();
+  const originalCachedDate = await page
+    .getByTestId("cached-date")
+    .textContent();
+  const originalTime = await page.getByTestId("time").textContent();
+  await page.reload();
+
+  let finalTime = originalTime;
+  let finalCachedDate = originalCachedDate;
+  let finalFetchedDate = originalFetchedDate;
+
+  // Wait 10 + 1 seconds for ISR to regenerate time
+  await page.waitForTimeout(11000);
+  do {
+    await page.waitForTimeout(2000);
+    finalTime = await page.getByTestId("time").textContent();
+    finalCachedDate = await page.getByTestId("cached-date").textContent();
+    finalFetchedDate = await page.getByTestId("fetched-date").textContent();
+    await page.reload();
+  } while (originalTime === finalTime);
+
+  expect(originalTime).not.toEqual(finalTime);
+  expect(originalCachedDate).toEqual(finalCachedDate);
+  expect(originalFetchedDate).toEqual(finalFetchedDate);
+});