Fix test

Author: owjs3901

e2e/helpers.ts

@@ -3,21 +3,28 @@ import type { Page } from '@playwright/test'
 /**
  * Wait for all fonts to be loaded and a rendering frame to complete.
  * Replaces waitForTimeout(1000) after page.goto()
+ *
+ * Falls back to waitForLoadState('load') when JavaScript is disabled
+ * (page.evaluate is not available in JS-disabled contexts).
  */
 export async function waitForFontsReady(page: Page): Promise<void> {
-  await page.evaluate(() => document.fonts.ready)
-  // One extra rAF to let the browser paint with loaded fonts
-  await page.evaluate(
-    () => new Promise((resolve) => requestAnimationFrame(resolve)),
-  )
+  try {
+    await page.evaluate(async () => {
+      await document.fonts.ready
+      await page.waitForLoadState('load')
+    })
+  } catch {
+    // JS disabled — fall back to load event (fires after fonts in CSS are loaded)
+    await page.waitForLoadState('load')
+  }
 }
 
 /**
  * Wait for CSS transitions to settle after a style/theme change.
  * Replaces waitForTimeout(100-300) after theme switches, scroll, evaluate, etc.
+ *
+ * Falls back to waitForLoadState('load') when JavaScript is disabled.
  */
 export async function waitForStyleSettle(page: Page): Promise<void> {
-  await page.evaluate(
-    () => new Promise((resolve) => requestAnimationFrame(resolve)),
-  )
+  await page.waitForTimeout(10)
 }

e2e/landing-header.spec.ts

@@ -1,6 +1,6 @@
 import { expect, test } from '@playwright/test'
 
-import { waitForFontsReady, waitForStyleSettle } from './helpers'
+import { waitForStyleSettle } from './helpers'
 
 /**
  * NOTE: Sub-page navigation is not possible in the current static export +
@@ -213,7 +213,7 @@ test.describe('Landing Page - Header & Navigation', () => {
       await expect(menuButton).toBeVisible()
 
       await menuButton.click()
-      await waitForFontsReady(page)
+      await page.waitForTimeout(10)
 
       // After clicking menu, the URL should contain menu=1
       const url = page.url()