only run the ssr test

Author: dario-piotrowicz

examples/e2e/app-router/e2e/only/ssr.test.ts

@@ -0,0 +1,38 @@
+// NOTE: loading.tsx is currently broken on open - next
+//  This works locally but not on deployed apps
+
+import { expect, test } from "@playwright/test";
+
+// NOTE: We don't await page load b/c we want to see the Loading page
+// loading.tsx doesn't currently work: https://github.com/opennextjs/opennextjs-cloudflare/issues/313
+test.skip("Server Side Render and loading.tsx", async ({ page }) => {
+  test.setTimeout(600000);
+  await page.goto("/");
+  await page.getByRole("link", { name: "SSR" }).click();
+  await page.waitForURL("/ssr");
+
+  let loading: any;
+  let lastTime = "";
+
+  for (let i = 0; i < 5; i++) {
+    void page.reload();
+
+    loading = page.getByText("Loading...");
+    await expect(loading).toBeVisible();
+    const el = page.getByText("Time:");
+    await expect(el).toBeVisible();
+    const time = await el.textContent();
+    expect(time).not.toEqual(lastTime);
+    lastTime = time!;
+    await page.waitForTimeout(1000);
+  }
+});
+
+test("Fetch cache properly cached", async ({ page }) => {
+  await page.goto("/ssr");
+  const originalDate = await page.getByText("Cached fetch:").textContent();
+  await page.waitForTimeout(2000);
+  await page.reload();
+  const newDate = await page.getByText("Cached fetch:").textContent();
+  expect(originalDate).toEqual(newDate);
+});

examples/e2e/app-router/e2e/playwright.config.ts

@@ -7,7 +7,7 @@ declare const process: typeof nodeProcess;
  * See https://playwright.dev/docs/test-configuration.
  */
 export default defineConfig({
-  testDir: "./",
+  testDir: "./only",
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */