@quake2ts/test-utils 0.0.799 → 0.0.804

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quake2ts/test-utils",
-  "version": "0.0.799",
+  "version": "0.0.804",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -44,10 +44,10 @@
     "pngjs": "^7.0.0",
     "vitest": "^1.6.0",
     "webgpu": "^0.3.8",
-    "@quake2ts/engine": "^0.0.799",
-    "@quake2ts/game": "0.0.799",
-    "@quake2ts/server": "0.0.799",
-    "@quake2ts/shared": "0.0.799"
+    "@quake2ts/engine": "^0.0.804",
+    "@quake2ts/game": "0.0.804",
+    "@quake2ts/server": "0.0.804",
+    "@quake2ts/shared": "0.0.804"
   },
   "peerDependenciesMeta": {
     "@quake2ts/engine": {
@@ -100,10 +100,10 @@
     "vitest": "^4.0.16",
     "serve-handler": "^6.1.6",
     "webgpu": "^0.3.8",
-    "@quake2ts/game": "0.0.799",
-    "@quake2ts/engine": "^0.0.799",
-    "@quake2ts/server": "0.0.799",
-    "@quake2ts/shared": "0.0.799"
+    "@quake2ts/engine": "^0.0.804",
+    "@quake2ts/game": "0.0.804",
+    "@quake2ts/server": "0.0.804",
+    "@quake2ts/shared": "0.0.804"
   },
   "dependencies": {
     "upng-js": "^2.1.0"

package/src/engine/helpers/webgl-playwright.ts

@@ -132,32 +132,54 @@ export async function createWebGLPlaywrightSetup(
  *
  * @param page - Playwright page
  * @param renderFn - Function code as string that uses window.testRenderer
+ * @param width - Optional width to resize the canvas to
+ * @param height - Optional height to resize the canvas to
  * @returns Captured pixel data
  */
 export async function renderAndCaptureWebGLPlaywright(
   page: Page,
-  renderFn: string
+  renderFn: string,
+  width?: number,
+  height?: number
 ): Promise<Uint8ClampedArray> {
-  const pixelData = await page.evaluate((code) => {
-    const renderer = (window as any).testRenderer;
-    const gl = (window as any).testGl;
-
-    if (!renderer || !gl) {
-      throw new Error('Renderer not initialized');
-    }
-
-    // Execute the render function
-    const fn = new Function('renderer', 'gl', code);
-    fn(renderer, gl);
-
-    // Ensure rendering is complete
-    gl.finish();
-
-    // Capture pixels
-    return (window as any).captureCanvas();
-  }, renderFn);
-
-  return new Uint8ClampedArray(pixelData);
+  try {
+    const pixelData = await page.evaluate(({ code, width, height }) => {
+      const renderer = (window as any).testRenderer;
+      const gl = (window as any).testGl;
+      const canvas = (window as any).testCanvas;
+
+      if (!renderer || !gl || !canvas) {
+        throw new Error('Renderer not initialized');
+      }
+
+      // Resize canvas if needed
+      if (width !== undefined && height !== undefined) {
+        canvas.width = width;
+        canvas.height = height;
+        gl.viewport(0, 0, width, height);
+      }
+
+      try {
+        // Execute the render function
+        const fn = new Function('renderer', 'gl', code);
+        fn(renderer, gl);
+      } catch (err: any) {
+        // Capture context for better debugging
+        throw new Error(`Renderer Execution Error: ${err.message}\nCode:\n${code}`);
+      }
+
+      // Ensure rendering is complete
+      gl.finish();
+
+      // Capture pixels
+      return (window as any).captureCanvas();
+    }, { code: renderFn, width, height });
+
+    return new Uint8ClampedArray(pixelData);
+  } catch (err: any) {
+    // Re-throw with clear message
+    throw new Error(`Browser Test Error: ${err.message}`);
+  }
 }
 
 /**
@@ -190,7 +212,12 @@ export async function testWebGLRenderer(
   const setup = await createWebGLPlaywrightSetup(options);
 
   try {
-    const pixels = await renderAndCaptureWebGLPlaywright(setup.page, renderCode);
+    const pixels = await renderAndCaptureWebGLPlaywright(
+        setup.page,
+        renderCode,
+        options.width,
+        options.height
+    );
 
     await expectSnapshot(pixels, {
       name: options.name,