@quake2ts/test-utils 0.0.764 → 0.0.766

package/dist/index.cjs

@@ -6160,6 +6160,7 @@ __export(index_exports, {
   createVector3: () => createVector3,
   createViewTestScenario: () => createViewTestScenario,
   createVisualTestScenario: () => createVisualTestScenario,
+  createWebGLRenderTestSetup: () => createWebGLRenderTestSetup,
   expectSnapshot: () => expectSnapshot,
   findPakFile: () => findPakFile,
   flipPixelsVertically: () => flipPixelsVertically,
@@ -6181,6 +6182,7 @@ __export(index_exports, {
   parseProtocolPlayerState: () => parseProtocolPlayerState,
   randomVector3: () => randomVector3,
   renderAndCapture: () => renderAndCapture,
+  renderAndCaptureWebGL: () => renderAndCaptureWebGL,
   renderAndExpectSnapshot: () => renderAndExpectSnapshot,
   restoreSaveGameSnapshot: () => restoreSaveGameSnapshot,
   runComputeAndReadback: () => runComputeAndReadback,
@@ -8940,60 +8942,58 @@ async function createHeadlessTestContext() {
 }
 
 // src/setup/headless-webgl.ts
-async function createHeadlessWebGL(options = {}) {
+function createHeadlessWebGL(options = {}) {
   const width = options.width ?? 256;
   const height = options.height ?? 256;
-  const { default: gl } = await Promise.resolve().then(() => __toESM(require_gl(), 1));
-  const context = gl(width, height, {
+  let createGL;
+  try {
+    createGL = require_gl();
+  } catch (e) {
+    throw new Error("gl package not found or failed to load. Install it to run WebGL tests.");
+  }
+  const glContext = createGL(width, height, {
     antialias: options.antialias ?? false,
-    // Default to false for determinism
+    // Default to false for deterministic testing
     preserveDrawingBuffer: options.preserveDrawingBuffer ?? true,
-    // Default to true for readback
+    // Needed for readback
     stencil: true,
-    alpha: true,
-    depth: true
+    depth: true,
+    alpha: true
   });
-  if (!context) {
+  if (!glContext) {
     throw new Error("Failed to create headless WebGL context");
   }
-  const glContext = context;
+  const gl = glContext;
+  const version = gl.getParameter(gl.VERSION);
+  const cleanup = () => {
+    const ext = gl.getExtension("STACKGL_destroy_context");
+    if (ext) {
+      ext.destroy();
+    }
+  };
   return {
-    gl: glContext,
+    gl,
     width,
     height,
-    cleanup: () => {
-      const ext = glContext.getExtension("STACKGL_destroy_context");
-      if (ext) {
-        ext.destroy();
-      }
-    }
+    cleanup
   };
 }
-function captureWebGLFramebuffer(glContext, width, height) {
+function captureWebGLFramebuffer(gl, width, height) {
   const pixels = new Uint8ClampedArray(width * height * 4);
-  glContext.readPixels(
-    0,
-    0,
-    width,
-    height,
-    glContext.RGBA,
-    glContext.UNSIGNED_BYTE,
-    pixels
-  );
+  gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
   return flipPixelsVertically(pixels, width, height);
 }
 function flipPixelsVertically(pixels, width, height) {
+  const flipped = new Uint8ClampedArray(pixels.length);
   const rowSize = width * 4;
-  const halfHeight = Math.floor(height / 2);
-  const tempRow = new Uint8Array(rowSize);
-  for (let y = 0; y < halfHeight; y++) {
-    const topOffset = y * rowSize;
-    const bottomOffset = (height - 1 - y) * rowSize;
-    tempRow.set(pixels.subarray(topOffset, topOffset + rowSize));
-    pixels.copyWithin(topOffset, bottomOffset, bottomOffset + rowSize);
-    pixels.set(tempRow, bottomOffset);
+  for (let y = 0; y < height; y++) {
+    const srcRowStart = y * rowSize;
+    const destRowStart = (height - 1 - y) * rowSize;
+    for (let i = 0; i < rowSize; i++) {
+      flipped[destRowStart + i] = pixels[srcRowStart + i];
+    }
   }
-  return pixels;
+  return flipped;
 }
 
 // src/engine/mocks/webgpu.ts
@@ -10223,6 +10223,23 @@ async function runComputeAndReadback(setup, computeFn) {
   return result;
 }
 
+// src/engine/helpers/webgl-rendering.ts
+async function createWebGLRenderTestSetup(width = 256, height = 256) {
+  const context = createHeadlessWebGL({ width, height });
+  return {
+    gl: context.gl,
+    width: context.width,
+    height: context.height,
+    cleanup: context.cleanup
+  };
+}
+async function renderAndCaptureWebGL(setup, renderFn) {
+  const { gl, width, height } = setup;
+  renderFn(gl);
+  gl.finish();
+  return captureWebGLFramebuffer(gl, width, height);
+}
+
 // src/engine/helpers/pipeline-test-template.ts
 var import_vitest18 = require("vitest");
 async function testPipelineRendering(name, createPipeline, setupGeometry, expectedOutput) {
@@ -11329,6 +11346,7 @@ function createVisualTestScenario(sceneName) {
   createVector3,
   createViewTestScenario,
   createVisualTestScenario,
+  createWebGLRenderTestSetup,
   expectSnapshot,
   findPakFile,
   flipPixelsVertically,
@@ -11350,6 +11368,7 @@ function createVisualTestScenario(sceneName) {
   parseProtocolPlayerState,
   randomVector3,
   renderAndCapture,
+  renderAndCaptureWebGL,
   renderAndExpectSnapshot,
   restoreSaveGameSnapshot,
   runComputeAndReadback,