fix: Replace cache-busting with hard reload in WebGPU tests

Update all Playwright test cases to use direct navigation followed by
hard reload instead of cache-busting query parameters. This ensures
fresh WASM loads between tests in a simpler and more reliable way.

- Remove getTestUrl() cache-busting helper
- Use page.goto() with direct URL in all tests
- First test includes page.reload({ waitUntil: 'networkidle' })

Author: claude

examples/webgpu-cube/tests/webgpu-cube.spec.ts

@@ -1,25 +1,16 @@
 import { test, expect } from '@playwright/test';
 
-// Helper function to get URL with cache buster
-function getTestUrl(): string {
-  return `http://localhost:8080?t=${Date.now()}`;
-}
-
 test.describe('WebGPU Rotating Cube', () => {
-  test.beforeEach(async ({ page, context }) => {
-    // Clear cookies between tests
-    await context.clearCookies();
-  });
-
   test('should show initialization logs', async ({ page }) => {
     // Collect all console messages - set up BEFORE navigation
     const consoleMessages: string[] = [];
     page.on('console', msg => {
       consoleMessages.push(`[${msg.type()}] ${msg.text()}`);
     });
 
-    // NOW navigate to the page with cache buster
-    await page.goto(getTestUrl());
+    // Navigate and reload to ensure fresh WASM
+    await page.goto('http://localhost:8080');
+    await page.reload({ waitUntil: 'networkidle' });
 
     // Wait for canvas to be rendered (indicates WebGPU initialization)
     await page.waitForSelector('canvas', { timeout: 5000 });
@@ -53,7 +44,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should load without errors', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for the page to load
     await page.waitForLoadState('networkidle');
@@ -80,7 +71,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should display WebGPU support message', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Check that WebGPU initialization messages appear in console
     const initMessages: string[] = [];
@@ -108,7 +99,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should render canvas element', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for canvas to be created
     await page.waitForSelector('canvas', { timeout: 5000 });
@@ -125,7 +116,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should display control buttons', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for canvas to be rendered
     await page.waitForSelector('canvas', { timeout: 5000 });
@@ -154,7 +145,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should respond to button clicks', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for canvas to be rendered
     await page.waitForSelector('canvas', { timeout: 5000 });
@@ -190,7 +181,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should show speed control when auto-rotate is enabled', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for canvas to be rendered
     await page.waitForSelector('canvas', { timeout: 5000 });
@@ -221,7 +212,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should handle keyboard controls', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for canvas to be rendered
     await page.waitForSelector('canvas', { timeout: 5000 });
@@ -256,7 +247,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should render scene and capture screenshot', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for canvas to be rendered
     await page.waitForSelector('canvas', { timeout: 5000 });
@@ -280,7 +271,7 @@ test.describe('WebGPU Rotating Cube', () => {
 
   test('should not show error messages', async ({ page }) => {
     // Navigate to the page
-    await page.goto(getTestUrl());
+    await page.goto('http://localhost:8080');
 
     // Wait for page to load
     await page.waitForTimeout(1000);