fix flaky test

Author: conico974

examples/overrides/memory-queue/e2e/base.spec.ts

@@ -6,15 +6,25 @@ test.describe("memory-queue", () => {
     await expect(page.getByText("Hello from a Statically generated page")).toBeVisible();
   });
 
-  test("the index page should revalidate", async ({ page }) => {
+  test("the index page should revalidate", async ({ page, request }) => {
+    // We need to make sure the page is loaded and is a HIT
+    // If it is STALE, the next hit may have an updated date and thus fail the test
+    let cacheHeaders = "";
+    do {
+      const req = await request.get("/");
+      cacheHeaders = req.headers()["x-nextjs-cache"];
+      await page.waitForTimeout(500);
+    } while (cacheHeaders !== "HIT");
+
     await page.goto("/");
     const firstDate = await page.getByTestId("date-local").textContent();
-    await page.waitForTimeout(5000);
-    await page.reload();
 
+    await page.reload();
     let newDate = await page.getByTestId("date-local").textContent();
     expect(newDate).toBe(firstDate);
 
+    await page.waitForTimeout(5000);
+
     do {
       await page.reload();
       newDate = await page.getByTestId("date-local").textContent();