@quake2ts/test-utils 0.0.799 → 0.0.802

package/dist/index.d.cts

@@ -1841,9 +1841,11 @@ declare function createWebGLPlaywrightSetup(options?: WebGLPlaywrightOptions): P
  *
  * @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
  */
-declare function renderAndCaptureWebGLPlaywright(page: Page, renderFn: string): Promise<Uint8ClampedArray>;
+declare function renderAndCaptureWebGLPlaywright(page: Page, renderFn: string, width?: number, height?: number): Promise<Uint8ClampedArray>;
 /**
  * Runs a WebGL visual test with the actual quake2ts renderer.
  *

package/dist/index.d.ts

@@ -1841,9 +1841,11 @@ declare function createWebGLPlaywrightSetup(options?: WebGLPlaywrightOptions): P
  *
  * @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
  */
-declare function renderAndCaptureWebGLPlaywright(page: Page, renderFn: string): Promise<Uint8ClampedArray>;
+declare function renderAndCaptureWebGLPlaywright(page: Page, renderFn: string, width?: number, height?: number): Promise<Uint8ClampedArray>;
 /**
  * Runs a WebGL visual test with the actual quake2ts renderer.
  *

package/dist/index.js

@@ -13620,24 +13620,45 @@ async function createWebGLPlaywrightSetup(options = {}) {
     cleanup
   };
 }
-async function renderAndCaptureWebGLPlaywright(page, renderFn) {
-  const pixelData = await page.evaluate((code) => {
-    const renderer = window.testRenderer;
-    const gl = window.testGl;
-    if (!renderer || !gl) {
-      throw new Error("Renderer not initialized");
-    }
-    const fn = new Function("renderer", "gl", code);
-    fn(renderer, gl);
-    gl.finish();
-    return window.captureCanvas();
-  }, renderFn);
-  return new Uint8ClampedArray(pixelData);
+async function renderAndCaptureWebGLPlaywright(page, renderFn, width, height) {
+  try {
+    const pixelData = await page.evaluate(({ code, width: width2, height: height2 }) => {
+      const renderer = window.testRenderer;
+      const gl = window.testGl;
+      const canvas = window.testCanvas;
+      if (!renderer || !gl || !canvas) {
+        throw new Error("Renderer not initialized");
+      }
+      if (width2 !== void 0 && height2 !== void 0) {
+        canvas.width = width2;
+        canvas.height = height2;
+        gl.viewport(0, 0, width2, height2);
+      }
+      try {
+        const fn = new Function("renderer", "gl", code);
+        fn(renderer, gl);
+      } catch (err) {
+        throw new Error(`Renderer Execution Error: ${err.message}
+Code:
+${code}`);
+      }
+      gl.finish();
+      return window.captureCanvas();
+    }, { code: renderFn, width, height });
+    return new Uint8ClampedArray(pixelData);
+  } catch (err) {
+    throw new Error(`Browser Test Error: ${err.message}`);
+  }
 }
 async function testWebGLRenderer(renderCode, options) {
   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,
       description: options.description,