@gjsify/webgl 0.3.16 → 0.3.18

package/lib/esm/webgl2.spec.js

@@ -1,1288 +1,45 @@
-import { TEXTURE_FS_300, TEXTURE_VS_300, destroyTestFBO, drawTriangle, makeProgram, makeTestFBO, makeTestFBOFloat, makeTestFBOWithDepthTexture, readPixel } from "./test-utils.js";
-import { beforeEach, describe, expect, it, on } from "@gjsify/unit";
-import { WebGL2RenderingContext, WebGLBridge } from "@gjsify/webgl";
-import GLib from "@girs/glib-2.0";
-import Gtk from "@girs/gtk-4.0";
-
-//#region src/ts/webgl2.spec.ts
-var webgl2_spec_default = async () => {
-	await on("Display", async () => {
-		Gtk.init();
-		let glArea;
-		let gl2;
-		const readyLoop = new GLib.MainLoop(null, false);
-		const win = new Gtk.Window({});
-		win.set_default_size(200, 200);
-		glArea = new WebGLBridge();
-		glArea.onReady((c, _g) => {
-			gl2 = c.getContext("webgl2");
-			readyLoop.quit();
-		});
-		win.set_child(glArea);
-		win.present();
-		const giveUpId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, 1e4, () => {
-			readyLoop.quit();
-			return GLib.SOURCE_REMOVE;
-		});
-		readyLoop.run();
-		GLib.source_remove(giveUpId);
-		if (!gl2) {
-			console.warn("WebGL2 context not available — skipping WebGL2 tests");
-			win.destroy();
-			return;
-		}
-		glArea.make_current();
-		await describe("WebGL2 context", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("getContext(\"webgl2\") returns a WebGL2RenderingContext", async () => {
-				expect(gl2).toBeInstanceOf(WebGL2RenderingContext);
-			});
-			await it("VERSION is \"WebGL 2.0\"", async () => {
-				expect(gl2.getParameter(gl2.VERSION)).toBe("WebGL 2.0");
-			});
-			await it("SHADING_LANGUAGE_VERSION is \"WebGL GLSL ES 3.00\"", async () => {
-				expect(gl2.getParameter(gl2.SHADING_LANGUAGE_VERSION)).toBe("WebGL GLSL ES 3.00");
-			});
-			await it("drawingBufferWidth and drawingBufferHeight are positive", async () => {
-				expect(gl2.drawingBufferWidth > 0).toBeTruthy();
-				expect(gl2.drawingBufferHeight > 0).toBeTruthy();
-			});
-			await it("getError() returns NO_ERROR initially", async () => {
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-			});
-		});
-		await describe("GLSL ES 3.00 compilation", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			const VS300 = [
-				"#version 300 es",
-				"in vec2 position;",
-				"void main() { gl_Position = vec4(position, 0.0, 1.0); }"
-			].join("\n");
-			const FS300 = [
-				"#version 300 es",
-				"precision mediump float;",
-				"out vec4 fragColor;",
-				"void main() { fragColor = vec4(0.0, 1.0, 0.0, 1.0); }"
-			].join("\n");
-			await it("#version 300 es vertex shader compiles", async () => {
-				const sh = gl2.createShader(gl2.VERTEX_SHADER);
-				gl2.shaderSource(sh, VS300);
-				gl2.compileShader(sh);
-				if (!gl2.getShaderParameter(sh, gl2.COMPILE_STATUS)) {
-					console.error("VS300 log:", gl2.getShaderInfoLog(sh));
-				}
-				expect(gl2.getShaderParameter(sh, gl2.COMPILE_STATUS)).toBeTruthy();
-				gl2.deleteShader(sh);
-			});
-			await it("#version 300 es fragment shader compiles", async () => {
-				const sh = gl2.createShader(gl2.FRAGMENT_SHADER);
-				gl2.shaderSource(sh, FS300);
-				gl2.compileShader(sh);
-				if (!gl2.getShaderParameter(sh, gl2.COMPILE_STATUS)) {
-					console.error("FS300 log:", gl2.getShaderInfoLog(sh));
-				}
-				expect(gl2.getShaderParameter(sh, gl2.COMPILE_STATUS)).toBeTruthy();
-				gl2.deleteShader(sh);
-			});
-			await it("#version 300 es program links and renders green", async () => {
-				const prog = makeProgram(gl2, VS300, FS300);
-				if (!gl2.getProgramParameter(prog, gl2.LINK_STATUS)) {
-					console.error("Program300 log:", gl2.getProgramInfoLog(prog));
-				}
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				const fbo = makeTestFBO(gl2, 4, 4);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				gl2.useProgram(prog);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				destroyTestFBO(gl2, fbo);
-				expect(p[0]).toBe(0);
-				expect(p[1]).toBe(255);
-				expect(p[2]).toBe(0);
-				expect(p[3]).toBe(255);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("VAO", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("createVertexArray returns a non-null object", async () => {
-				const vao = gl2.createVertexArray();
-				expect(vao).not.toBeNull();
-				expect(vao).toBeDefined();
-				gl2.deleteVertexArray(vao);
-			});
-			await it("isVertexArray is true after creation, false after deletion", async () => {
-				const vao = gl2.createVertexArray();
-				gl2.bindVertexArray(vao);
-				expect(gl2.isVertexArray(vao)).toBeTruthy();
-				gl2.bindVertexArray(null);
-				gl2.deleteVertexArray(vao);
-				expect(gl2.isVertexArray(vao)).toBeFalsy();
-			});
-			await it("VAO preserves vertex attribute state", async () => {
-				const VS = [
-					"#version 300 es",
-					"in vec2 position;",
-					"void main() { gl_Position = vec4(position,0.0,1.0); }"
-				].join("\n");
-				const FS = [
-					"#version 300 es",
-					"precision mediump float;",
-					"out vec4 c;",
-					"void main() { c = vec4(0.0,1.0,0.0,1.0); }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS, FS);
-				gl2.useProgram(prog);
-				const fbo = makeTestFBO(gl2, 4, 4);
-				const vao = gl2.createVertexArray();
-				gl2.bindVertexArray(vao);
-				const buf = gl2.createBuffer();
-				gl2.bindBuffer(gl2.ARRAY_BUFFER, buf);
-				gl2.bufferData(gl2.ARRAY_BUFFER, new Float32Array([
-					-2,
-					-2,
-					-2,
-					4,
-					4,
-					-2
-				]), gl2.STREAM_DRAW);
-				gl2.enableVertexAttribArray(0);
-				gl2.vertexAttribPointer(0, 2, gl2.FLOAT, false, 0, 0);
-				gl2.bindVertexArray(null);
-				gl2.bindVertexArray(vao);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				gl2.drawArrays(gl2.TRIANGLES, 0, 3);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				destroyTestFBO(gl2, fbo);
-				expect(p[1]).toBe(255);
-				gl2.bindVertexArray(null);
-				gl2.deleteVertexArray(vao);
-				gl2.deleteBuffer(buf);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("getBufferSubData", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("reads back float data written with bufferData", async () => {
-				const src = new Float32Array([
-					1,
-					2,
-					3,
-					4
-				]);
-				const buf = gl2.createBuffer();
-				gl2.bindBuffer(gl2.ARRAY_BUFFER, buf);
-				gl2.bufferData(gl2.ARRAY_BUFFER, src, gl2.STATIC_READ);
-				const dst = new Float32Array(4);
-				gl2.getBufferSubData(gl2.ARRAY_BUFFER, 0, dst);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				expect(dst[0]).toBe(1);
-				expect(dst[1]).toBe(2);
-				expect(dst[2]).toBe(3);
-				expect(dst[3]).toBe(4);
-				gl2.deleteBuffer(buf);
-			});
-			await it("reads a sub-range correctly", async () => {
-				const src = new Float32Array([
-					10,
-					20,
-					30,
-					40
-				]);
-				const buf = gl2.createBuffer();
-				gl2.bindBuffer(gl2.ARRAY_BUFFER, buf);
-				gl2.bufferData(gl2.ARRAY_BUFFER, src, gl2.STATIC_READ);
-				const dst = new Float32Array(2);
-				gl2.getBufferSubData(gl2.ARRAY_BUFFER, 8, dst);
-				expect(dst[0]).toBe(30);
-				expect(dst[1]).toBe(40);
-				gl2.deleteBuffer(buf);
-			});
-		});
-		await describe("sync objects", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("fenceSync returns a non-null sync", async () => {
-				const sync = gl2.fenceSync(gl2.SYNC_GPU_COMMANDS_COMPLETE, 0);
-				expect(sync).not.toBeNull();
-				gl2.deleteSync(sync);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-			});
-			await it("isSync is true before deletion, false after", async () => {
-				const sync = gl2.fenceSync(gl2.SYNC_GPU_COMMANDS_COMPLETE, 0);
-				expect(gl2.isSync(sync)).toBeTruthy();
-				gl2.deleteSync(sync);
-				expect(gl2.isSync(sync)).toBeFalsy();
-			});
-			await it("clientWaitSync returns TIMEOUT_EXPIRED or CONDITION_SATISFIED", async () => {
-				const sync = gl2.fenceSync(gl2.SYNC_GPU_COMMANDS_COMPLETE, 0);
-				gl2.flush();
-				const result = gl2.clientWaitSync(sync, 0, 0);
-				const valid = result === gl2.TIMEOUT_EXPIRED || result === gl2.CONDITION_SATISFIED || result === gl2.ALREADY_SIGNALED;
-				expect(valid).toBeTruthy();
-				gl2.deleteSync(sync);
-			});
-		});
-		await describe("uint uniforms", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			const VS_U = [
-				"#version 300 es",
-				"in vec2 position;",
-				"void main() { gl_Position = vec4(position,0.0,1.0); }"
-			].join("\n");
-			const FS_U = [
-				"#version 300 es",
-				"precision mediump float;",
-				"uniform uint uR; uniform uint uG; uniform uint uB;",
-				"out vec4 c;",
-				"void main() { c = vec4(float(uR)/255.0, float(uG)/255.0, float(uB)/255.0, 1.0); }"
-			].join("\n");
-			await it("uniform1ui sets an unsigned int uniform", async () => {
-				const prog = makeProgram(gl2, VS_U, FS_U);
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				gl2.useProgram(prog);
-				const locR = gl2.getUniformLocation(prog, "uR");
-				const locG = gl2.getUniformLocation(prog, "uG");
-				const locB = gl2.getUniformLocation(prog, "uB");
-				gl2.uniform1ui(locR, 0);
-				gl2.uniform1ui(locG, 255);
-				gl2.uniform1ui(locB, 0);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				expect(gl2.getUniform(prog, locR)).toBe(0);
-				expect(gl2.getUniform(prog, locG)).toBe(255);
-				gl2.deleteProgram(prog);
-			});
-			await it("uniform2ui, uniform3ui, uniform4ui set without error", async () => {
-				const FS2 = [
-					"#version 300 es",
-					"precision mediump float;",
-					"uniform uvec2 u2; uniform uvec3 u3; uniform uvec4 u4;",
-					"out vec4 c;",
-					"void main() { c = vec4(float(u2.x), float(u3.x), float(u4.x), 1.0)/255.0; }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS_U, FS2);
-				gl2.useProgram(prog);
-				gl2.uniform2ui(gl2.getUniformLocation(prog, "u2"), 1, 2);
-				gl2.uniform3ui(gl2.getUniformLocation(prog, "u3"), 1, 2, 3);
-				gl2.uniform4ui(gl2.getUniformLocation(prog, "u4"), 1, 2, 3, 4);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("non-square matrix uniforms", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			const VS_M = [
-				"#version 300 es",
-				"in vec2 position;",
-				"void main() { gl_Position = vec4(position,0.0,1.0); }"
-			].join("\n");
-			await it("uniformMatrix2x3fv sets a mat2x3 without error", async () => {
-				const FS = [
-					"#version 300 es",
-					"precision mediump float;",
-					"uniform mat2x3 m; out vec4 c;",
-					"void main() { c = vec4(m[0][0], m[0][1], m[0][2], 1.0); }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS_M, FS);
-				gl2.useProgram(prog);
-				gl2.uniformMatrix2x3fv(gl2.getUniformLocation(prog, "m"), false, new Float32Array([
-					1,
-					0,
-					0,
-					0,
-					1,
-					0
-				]));
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.deleteProgram(prog);
-			});
-			await it("uniformMatrix3x2fv sets a mat3x2 without error", async () => {
-				const FS = [
-					"#version 300 es",
-					"precision mediump float;",
-					"uniform mat3x2 m; out vec4 c;",
-					"void main() { c = vec4(m[0][0], m[0][1], 0.0, 1.0); }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS_M, FS);
-				gl2.useProgram(prog);
-				gl2.uniformMatrix3x2fv(gl2.getUniformLocation(prog, "m"), false, new Float32Array([
-					1,
-					0,
-					0,
-					1,
-					0,
-					0
-				]));
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("Uniform Buffer Objects", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("getUniformBlockIndex + uniformBlockBinding works", async () => {
-				const VS = [
-					"#version 300 es",
-					"layout(std140) uniform Params { vec4 color; };",
-					"in vec2 position;",
-					"out vec4 vColor;",
-					"void main() { vColor = color; gl_Position = vec4(position,0.0,1.0); }"
-				].join("\n");
-				const FS = [
-					"#version 300 es",
-					"precision mediump float;",
-					"in vec4 vColor; out vec4 c;",
-					"void main() { c = vColor; }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS, FS);
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				const idx = gl2.getUniformBlockIndex(prog, "Params");
-				expect(idx).not.toBe(gl2.INVALID_INDEX);
-				gl2.uniformBlockBinding(prog, idx, 0);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const ubo = gl2.createBuffer();
-				gl2.bindBuffer(gl2.UNIFORM_BUFFER, ubo);
-				gl2.bufferData(gl2.UNIFORM_BUFFER, new Float32Array([
-					0,
-					1,
-					0,
-					1
-				]), gl2.STATIC_DRAW);
-				gl2.bindBufferBase(gl2.UNIFORM_BUFFER, 0, ubo);
-				const fbo = makeTestFBO(gl2, 4, 4);
-				gl2.useProgram(prog);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				destroyTestFBO(gl2, fbo);
-				expect(p[1]).toBe(255);
-				gl2.deleteBuffer(ubo);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("instanced drawing", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("drawArraysInstanced renders without error", async () => {
-				const VS = [
-					"#version 300 es",
-					"in vec2 position;",
-					"void main() { gl_Position = vec4(position,0.0,1.0); }"
-				].join("\n");
-				const FS = [
-					"#version 300 es",
-					"precision mediump float;",
-					"out vec4 c;",
-					"void main() { c = vec4(0.0,1.0,0.0,1.0); }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS, FS);
-				gl2.useProgram(prog);
-				const fbo = makeTestFBO(gl2, 4, 4);
-				const buf = gl2.createBuffer();
-				gl2.bindBuffer(gl2.ARRAY_BUFFER, buf);
-				gl2.bufferData(gl2.ARRAY_BUFFER, new Float32Array([
-					-2,
-					-2,
-					-2,
-					4,
-					4,
-					-2
-				]), gl2.STREAM_DRAW);
-				gl2.enableVertexAttribArray(0);
-				gl2.vertexAttribPointer(0, 2, gl2.FLOAT, false, 0, 0);
-				gl2.vertexAttribDivisor(0, 0);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				gl2.drawArraysInstanced(gl2.TRIANGLES, 0, 3, 1);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				destroyTestFBO(gl2, fbo);
-				expect(p[1]).toBe(255);
-				gl2.disableVertexAttribArray(0);
-				gl2.deleteBuffer(buf);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("drawBuffers (MRT)", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("drawBuffers with 2 COLOR_ATTACHMENTs renders to both", async () => {
-				const VS = [
-					"#version 300 es",
-					"in vec2 position;",
-					"void main() { gl_Position = vec4(position,0.0,1.0); }"
-				].join("\n");
-				const FS = [
-					"#version 300 es",
-					"precision mediump float;",
-					"layout(location=0) out vec4 c0;",
-					"layout(location=1) out vec4 c1;",
-					"void main() { c0 = vec4(1.0,0.0,0.0,1.0); c1 = vec4(0.0,0.0,1.0,1.0); }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS, FS);
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				const fb = gl2.createFramebuffer();
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fb);
-				const tex0 = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, tex0);
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, gl2.RGBA, 4, 4, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, null);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, tex0, 0);
-				const tex1 = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, tex1);
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, gl2.RGBA, 4, 4, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, null);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT1, gl2.TEXTURE_2D, tex1, 0);
-				const status = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				if (status !== gl2.FRAMEBUFFER_COMPLETE) {
-					console.warn("MRT framebuffer not complete:", status);
-					gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-					gl2.deleteFramebuffer(fb);
-					gl2.deleteTexture(tex0);
-					gl2.deleteTexture(tex1);
-					gl2.deleteProgram(prog);
-					return;
-				}
-				gl2.drawBuffers([gl2.COLOR_ATTACHMENT0, gl2.COLOR_ATTACHMENT1]);
-				gl2.viewport(0, 0, 4, 4);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				gl2.useProgram(prog);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.readBuffer(gl2.COLOR_ATTACHMENT0);
-				const p0 = readPixel(gl2, 0, 0);
-				expect(p0[0]).toBe(255);
-				expect(p0[1]).toBe(0);
-				gl2.readBuffer(gl2.COLOR_ATTACHMENT1);
-				const p1 = readPixel(gl2, 0, 0);
-				expect(p1[0]).toBe(0);
-				expect(p1[2]).toBe(255);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteFramebuffer(fb);
-				gl2.deleteTexture(tex0);
-				gl2.deleteTexture(tex1);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("3D texture", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("createTexture + TEXTURE_3D binding works", async () => {
-				const tex = gl2.createTexture();
-				expect(tex).not.toBeNull();
-				gl2.bindTexture(gl2.TEXTURE_3D, tex);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.deleteTexture(tex);
-			});
-			await it("texImage3D uploads a 2×2×2 RGBA texture without error", async () => {
-				const tex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_3D, tex);
-				gl2.texParameteri(gl2.TEXTURE_3D, gl2.TEXTURE_MIN_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_3D, gl2.TEXTURE_MAG_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_3D, gl2.TEXTURE_WRAP_S, gl2.CLAMP_TO_EDGE);
-				gl2.texParameteri(gl2.TEXTURE_3D, gl2.TEXTURE_WRAP_T, gl2.CLAMP_TO_EDGE);
-				gl2.texParameteri(gl2.TEXTURE_3D, gl2.TEXTURE_WRAP_R, gl2.CLAMP_TO_EDGE);
-				const data = new Uint8Array(2 * 2 * 2 * 4).fill(128);
-				gl2.texImage3D(gl2.TEXTURE_3D, 0, gl2.RGBA, 2, 2, 2, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, data);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.deleteTexture(tex);
-			});
-			await it("texStorage3D allocates storage without error", async () => {
-				const tex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_3D, tex);
-				gl2.texStorage3D(gl2.TEXTURE_3D, 1, gl2.RGBA8, 4, 4, 4);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.deleteTexture(tex);
-			});
-		});
-		await describe("transform feedback", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("captures vertex shader output via transform feedback", async () => {
-				const VS_TF = [
-					"#version 300 es",
-					"in float inVal;",
-					"out float outVal;",
-					"void main() { outVal = inVal * 2.0; gl_Position = vec4(0.0); }"
-				].join("\n");
-				const FS_TF = [
-					"#version 300 es",
-					"precision mediump float;",
-					"out vec4 c;",
-					"void main() { c = vec4(0.0); }"
-				].join("\n");
-				const vert = gl2.createShader(gl2.VERTEX_SHADER);
-				gl2.shaderSource(vert, VS_TF);
-				gl2.compileShader(vert);
-				if (!gl2.getShaderParameter(vert, gl2.COMPILE_STATUS)) {
-					console.error("TF VS:", gl2.getShaderInfoLog(vert));
-				}
-				const frag = gl2.createShader(gl2.FRAGMENT_SHADER);
-				gl2.shaderSource(frag, FS_TF);
-				gl2.compileShader(frag);
-				const prog = gl2.createProgram();
-				gl2.attachShader(prog, vert);
-				gl2.attachShader(prog, frag);
-				gl2.transformFeedbackVaryings(prog, ["outVal"], gl2.SEPARATE_ATTRIBS);
-				gl2.linkProgram(prog);
-				if (!gl2.getProgramParameter(prog, gl2.LINK_STATUS)) {
-					console.error("TF prog:", gl2.getProgramInfoLog(prog));
-				}
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				const inBuf = gl2.createBuffer();
-				gl2.bindBuffer(gl2.ARRAY_BUFFER, inBuf);
-				gl2.bufferData(gl2.ARRAY_BUFFER, new Float32Array([
-					1,
-					2,
-					3,
-					4
-				]), gl2.STATIC_DRAW);
-				const attribLoc = gl2.getAttribLocation(prog, "inVal");
-				gl2.enableVertexAttribArray(attribLoc);
-				gl2.vertexAttribPointer(attribLoc, 1, gl2.FLOAT, false, 0, 0);
-				const outBuf = gl2.createBuffer();
-				gl2.bindBuffer(gl2.TRANSFORM_FEEDBACK_BUFFER, outBuf);
-				gl2.bufferData(gl2.TRANSFORM_FEEDBACK_BUFFER, 4 * 4, gl2.STATIC_READ);
-				const tf = gl2.createTransformFeedback();
-				gl2.bindTransformFeedback(gl2.TRANSFORM_FEEDBACK, tf);
-				gl2.bindBufferBase(gl2.TRANSFORM_FEEDBACK_BUFFER, 0, outBuf);
-				const fbo = makeTestFBO(gl2, 1, 1);
-				gl2.useProgram(prog);
-				gl2.enable(gl2.RASTERIZER_DISCARD);
-				gl2.beginTransformFeedback(gl2.POINTS);
-				gl2.drawArrays(gl2.POINTS, 0, 4);
-				gl2.endTransformFeedback();
-				gl2.disable(gl2.RASTERIZER_DISCARD);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bindTransformFeedback(gl2.TRANSFORM_FEEDBACK, null);
-				destroyTestFBO(gl2, fbo);
-				const result = new Float32Array(4);
-				gl2.bindBuffer(gl2.TRANSFORM_FEEDBACK_BUFFER, outBuf);
-				gl2.getBufferSubData(gl2.TRANSFORM_FEEDBACK_BUFFER, 0, result);
-				expect(result[0]).toBe(2);
-				expect(result[1]).toBe(4);
-				expect(result[2]).toBe(6);
-				expect(result[3]).toBe(8);
-				gl2.disableVertexAttribArray(attribLoc);
-				gl2.deleteBuffer(inBuf);
-				gl2.deleteBuffer(outBuf);
-				gl2.deleteTransformFeedback(tf);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("getStringi", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("getStringi(EXTENSIONS, 0) returns a string", async () => {
-				const numExts = gl2.getParameter(gl2.NUM_EXTENSIONS);
-				if (numExts > 0) {
-					const ext = gl2.getStringi(gl2.EXTENSIONS, 0);
-					expect(typeof ext).toBe("string");
-					expect(ext.length > 0).toBeTruthy();
-				}
-			});
-		});
-		await describe("WebGL2 extensions", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("supports EXT_color_buffer_float", async () => {
-				const ext = gl2.getExtension("EXT_color_buffer_float");
-				expect(ext).toBeTruthy();
-			});
-			await it("supports EXT_color_buffer_half_float", async () => {
-				const ext = gl2.getExtension("EXT_color_buffer_half_float");
-				expect(ext).toBeTruthy();
-			});
-			await it("supports OES_texture_half_float", async () => {
-				const ext = gl2.getExtension("OES_texture_half_float");
-				expect(ext).toBeTruthy();
-			});
-			await it("OES_texture_half_float exposes HALF_FLOAT_OES constant", async () => {
-				const ext = gl2.getExtension("OES_texture_half_float");
-				expect(ext).toBeTruthy();
-				expect(ext.HALF_FLOAT_OES).toBe(36193);
-			});
-		});
-		await describe("WebGL2 renderbufferStorage formats", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			async function testRbFormat(internalFormat) {
-				const rb = gl2.createRenderbuffer();
-				gl2.bindRenderbuffer(gl2.RENDERBUFFER, rb);
-				gl2.renderbufferStorage(gl2.RENDERBUFFER, internalFormat, 64, 64);
-				const err = gl2.getError();
-				gl2.deleteRenderbuffer(rb);
-				return err;
-			}
-			await it("accepts RGBA8 (0x8058)", async () => {
-				expect(await testRbFormat(32856)).toBe(gl2.NO_ERROR);
-			});
-			await it("accepts DEPTH_COMPONENT24 (0x81A6)", async () => {
-				expect(await testRbFormat(33190)).toBe(gl2.NO_ERROR);
-			});
-			await it("accepts DEPTH24_STENCIL8 (0x88F0)", async () => {
-				expect(await testRbFormat(35056)).toBe(gl2.NO_ERROR);
-			});
-		});
-		await describe("WebGL2 float render target", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("can create RGBA16F texture and attach to FBO", async () => {
-				const RGBA16F = 34842;
-				const HALF_FLOAT = 5131;
-				const tex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, tex);
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, RGBA16F, 64, 64, 0, gl2.RGBA, HALF_FLOAT, null);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const fbo = gl2.createFramebuffer();
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fbo);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, tex, 0);
-				const status = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				expect(status).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				gl2.clearColor(1, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteFramebuffer(fbo);
-				gl2.deleteTexture(tex);
-			});
-			await it("can create RGBA8 renderbuffer FBO", async () => {
-				const RGBA8 = 32856;
-				const rb = gl2.createRenderbuffer();
-				gl2.bindRenderbuffer(gl2.RENDERBUFFER, rb);
-				gl2.renderbufferStorage(gl2.RENDERBUFFER, RGBA8, 64, 64);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const fbo = gl2.createFramebuffer();
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fbo);
-				gl2.framebufferRenderbuffer(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.RENDERBUFFER, rb);
-				const status = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				expect(status).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				gl2.clearColor(0, 1, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteFramebuffer(fbo);
-				gl2.deleteRenderbuffer(rb);
-			});
-		});
-		await describe("WebGL2 GLSL 1.0 compatibility", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("compiles versionless shaders with attribute/varying", async () => {
-				const vs = "attribute vec2 position;\nvarying vec2 vUv;\nvoid main() { vUv = position; gl_Position = vec4(position, 0.0, 1.0); }";
-				const fs = "precision mediump float;\nvarying vec2 vUv;\nvoid main() { gl_FragColor = vec4(vUv, 0.0, 1.0); }";
-				const prog = makeProgram(gl2, vs, fs);
-				expect(prog).toBeTruthy();
-				if (prog) {
-					expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-					gl2.deleteProgram(prog);
-				}
-			});
-		});
-		await describe("WebGL2 textured rendering", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("samples a 2x2 RGBA texture to produce red output", async () => {
-				const fbo = makeTestFBO(gl2, 4, 4);
-				const tex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, tex);
-				const pixels = new Uint8Array([
-					255,
-					0,
-					0,
-					255,
-					255,
-					0,
-					0,
-					255,
-					255,
-					0,
-					0,
-					255,
-					255,
-					0,
-					0,
-					255
-				]);
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, gl2.RGBA, 2, 2, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, pixels);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MIN_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MAG_FILTER, gl2.NEAREST);
-				const prog = makeProgram(gl2, TEXTURE_VS_300, TEXTURE_FS_300);
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				gl2.useProgram(prog);
-				const loc = gl2.getUniformLocation(prog, "uTexture");
-				gl2.uniform1i(loc, 0);
-				gl2.activeTexture(gl2.TEXTURE0);
-				gl2.bindTexture(gl2.TEXTURE_2D, tex);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				expect(p[0]).toBe(255);
-				expect(p[1]).toBe(0);
-				expect(p[2]).toBe(0);
-				expect(p[3]).toBe(255);
-				gl2.deleteTexture(tex);
-				gl2.deleteProgram(prog);
-				destroyTestFBO(gl2, fbo);
-			});
-		});
-		await describe("WebGL2 FBO chain (post-processing)", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("renders green to FBO1, samples FBO1 texture into FBO2", async () => {
-				const VS = [
-					"#version 300 es",
-					"in vec2 position;",
-					"void main() { gl_Position = vec4(position,0.0,1.0); }"
-				].join("\n");
-				const FS_GREEN = [
-					"#version 300 es",
-					"precision mediump float;",
-					"out vec4 c;",
-					"void main() { c = vec4(0.0,1.0,0.0,1.0); }"
-				].join("\n");
-				const fbo1 = makeTestFBO(gl2, 4, 4);
-				const status1 = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				expect(status1).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				const progGreen = makeProgram(gl2, VS, FS_GREEN);
-				gl2.useProgram(progGreen);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p1 = readPixel(gl2, 0, 0);
-				expect(p1[1]).toBe(255);
-				const fbo2 = makeTestFBO(gl2, 4, 4);
-				const status2 = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				expect(status2).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				const progTex = makeProgram(gl2, TEXTURE_VS_300, TEXTURE_FS_300);
-				gl2.useProgram(progTex);
-				const texLoc = gl2.getUniformLocation(progTex, "uTexture");
-				gl2.uniform1i(texLoc, 0);
-				gl2.activeTexture(gl2.TEXTURE0);
-				gl2.bindTexture(gl2.TEXTURE_2D, fbo1.colorTex);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p2 = readPixel(gl2, 0, 0);
-				expect(p2[1]).toBe(255);
-				gl2.deleteProgram(progGreen);
-				gl2.deleteProgram(progTex);
-				destroyTestFBO(gl2, fbo2);
-				destroyTestFBO(gl2, fbo1);
-			});
-		});
-		await describe("WebGL2 half-float FBO chain", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("renders green to RGBA16F FBO, samples into RGBA8 FBO", async () => {
-				const VS = [
-					"#version 300 es",
-					"in vec2 position;",
-					"void main() { gl_Position = vec4(position,0.0,1.0); }"
-				].join("\n");
-				const FS_GREEN = [
-					"#version 300 es",
-					"precision mediump float;",
-					"out vec4 c;",
-					"void main() { c = vec4(0.0,1.0,0.0,1.0); }"
-				].join("\n");
-				const fboFloat = makeTestFBOFloat(gl2, 4, 4);
-				const status1 = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				expect(status1).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				const progGreen = makeProgram(gl2, VS, FS_GREEN);
-				gl2.useProgram(progGreen);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const fbo2 = makeTestFBO(gl2, 4, 4);
-				const progTex = makeProgram(gl2, TEXTURE_VS_300, TEXTURE_FS_300);
-				gl2.useProgram(progTex);
-				const texLoc = gl2.getUniformLocation(progTex, "uTexture");
-				gl2.uniform1i(texLoc, 0);
-				gl2.activeTexture(gl2.TEXTURE0);
-				gl2.bindTexture(gl2.TEXTURE_2D, fboFloat.colorTex);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				expect(p[1]).toBe(255);
-				gl2.deleteProgram(progGreen);
-				gl2.deleteProgram(progTex);
-				destroyTestFBO(gl2, fbo2);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fboFloat.fb);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, null, 0);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteTexture(fboFloat.colorTex);
-				gl2.deleteFramebuffer(fboFloat.fb);
-			});
-		});
-		await describe("WebGL2 depth texture FBO", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("creates FBO with depth texture and renders with depth test", async () => {
-				const fbo = makeTestFBOWithDepthTexture(gl2, 4, 4);
-				const status = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				expect(status).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				const VS = [
-					"#version 300 es",
-					"in vec2 position;",
-					"uniform float uDepth;",
-					"void main() { gl_Position = vec4(position, uDepth, 1.0); }"
-				].join("\n");
-				const FS = [
-					"#version 300 es",
-					"precision mediump float;",
-					"uniform vec4 uColor;",
-					"out vec4 c;",
-					"void main() { c = uColor; }"
-				].join("\n");
-				const prog = makeProgram(gl2, VS, FS);
-				gl2.useProgram(prog);
-				gl2.enable(gl2.DEPTH_TEST);
-				gl2.depthFunc(gl2.LESS);
-				gl2.clearColor(0, 0, 0, 1);
-				gl2.clearDepth(1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT | gl2.DEPTH_BUFFER_BIT);
-				const colorLoc = gl2.getUniformLocation(prog, "uColor");
-				const depthLoc = gl2.getUniformLocation(prog, "uDepth");
-				gl2.uniform4f(colorLoc, 1, 0, 0, 1);
-				gl2.uniform1f(depthLoc, .5);
-				drawTriangle(gl2);
-				gl2.uniform4f(colorLoc, 0, 1, 0, 1);
-				gl2.uniform1f(depthLoc, 0);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				expect(p[1]).toBe(255);
-				gl2.disable(gl2.DEPTH_TEST);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fbo.fb);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, null, 0);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.DEPTH_ATTACHMENT, gl2.TEXTURE_2D, null, 0);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteTexture(fbo.colorTex);
-				gl2.deleteTexture(fbo.depthTex);
-				gl2.deleteFramebuffer(fbo.fb);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("WebGL2 generateMipmap", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("generates mipmaps for a 4x4 texture without error", async () => {
-				const tex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, tex);
-				const data = new Uint8Array(4 * 4 * 4);
-				for (let i = 0; i < data.length; i += 4) {
-					data[i] = 255;
-					data[i + 3] = 255;
-				}
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, gl2.RGBA, 4, 4, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, data);
-				gl2.generateMipmap(gl2.TEXTURE_2D);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MIN_FILTER, gl2.LINEAR_MIPMAP_LINEAR);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const fbo = makeTestFBO(gl2, 4, 4);
-				const prog = makeProgram(gl2, TEXTURE_VS_300, TEXTURE_FS_300);
-				gl2.useProgram(prog);
-				gl2.bindTexture(gl2.TEXTURE_2D, tex);
-				gl2.uniform1i(gl2.getUniformLocation(prog, "uTexture"), 0);
-				drawTriangle(gl2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				expect(p[0]).toBeGreaterThan(200);
-				gl2.deleteTexture(tex);
-				gl2.deleteProgram(prog);
-				destroyTestFBO(gl2, fbo);
-			});
-		});
-		await describe("WebGL2 cubemap texture", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("creates cubemap and verifies FBO attachment", async () => {
-				const tex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_CUBE_MAP, tex);
-				const faces = [
-					gl2.TEXTURE_CUBE_MAP_POSITIVE_X,
-					gl2.TEXTURE_CUBE_MAP_NEGATIVE_X,
-					gl2.TEXTURE_CUBE_MAP_POSITIVE_Y,
-					gl2.TEXTURE_CUBE_MAP_NEGATIVE_Y,
-					gl2.TEXTURE_CUBE_MAP_POSITIVE_Z,
-					gl2.TEXTURE_CUBE_MAP_NEGATIVE_Z
-				];
-				const colors = [
-					[
-						255,
-						0,
-						0,
-						255
-					],
-					[
-						0,
-						255,
-						0,
-						255
-					],
-					[
-						0,
-						0,
-						255,
-						255
-					],
-					[
-						255,
-						255,
-						0,
-						255
-					],
-					[
-						255,
-						0,
-						255,
-						255
-					],
-					[
-						0,
-						255,
-						255,
-						255
-					]
-				];
-				for (let i = 0; i < 6; i++) {
-					gl2.texImage2D(faces[i], 0, gl2.RGBA, 1, 1, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, new Uint8Array(colors[i]));
-				}
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.texParameteri(gl2.TEXTURE_CUBE_MAP, gl2.TEXTURE_MIN_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_CUBE_MAP, gl2.TEXTURE_MAG_FILTER, gl2.NEAREST);
-				const fb = gl2.createFramebuffer();
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fb);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_CUBE_MAP_POSITIVE_X, tex, 0);
-				const status = gl2.checkFramebufferStatus(gl2.FRAMEBUFFER);
-				expect(status).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				gl2.viewport(0, 0, 1, 1);
-				gl2.clearColor(0, 1, 1, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const p = readPixel(gl2, 0, 0);
-				expect(p[0]).toBe(0);
-				expect(p[1]).toBe(255);
-				expect(p[2]).toBe(255);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteFramebuffer(fb);
-				gl2.deleteTexture(tex);
-			});
-		});
-		await describe("WebGL2 READ_FRAMEBUFFER / DRAW_FRAMEBUFFER", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("bindFramebuffer accepts READ_FRAMEBUFFER and DRAW_FRAMEBUFFER", async () => {
-				const fb1 = gl2.createFramebuffer();
-				const fb2 = gl2.createFramebuffer();
-				gl2.bindFramebuffer(36008, fb1);
-				gl2.bindFramebuffer(36009, fb2);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				expect(gl2.getParameter(36010)).toBe(fb1);
-				expect(gl2.getParameter(36006)).toBe(fb2);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.deleteFramebuffer(fb1);
-				gl2.deleteFramebuffer(fb2);
-			});
-		});
-		await describe("WebGL2 RGBA8 FBO (sized internal format)", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("renders solid color to RGBA8 FBO, readPixels confirms result", async () => {
-				const RGBA8 = 32856;
-				const w = 4;
-				const h = 4;
-				const fb = gl2.createFramebuffer();
-				const tex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, tex);
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, RGBA8, w, h, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, null);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MIN_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MAG_FILTER, gl2.NEAREST);
-				gl2.bindTexture(gl2.TEXTURE_2D, null);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fb);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, tex, 0);
-				expect(gl2.checkFramebufferStatus(gl2.FRAMEBUFFER)).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				gl2.viewport(0, 0, w, h);
-				gl2.clearColor(0, 1, 0, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const pixels = new Uint8Array(4);
-				gl2.readPixels(0, 0, 1, 1, gl2.RGBA, gl2.UNSIGNED_BYTE, pixels);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				expect(pixels[0]).toBe(0);
-				expect(pixels[1]).toBe(255);
-				expect(pixels[2]).toBe(0);
-				expect(pixels[3]).toBe(255);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fb);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, null, 0);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteTexture(tex);
-				gl2.deleteFramebuffer(fb);
-			});
-		});
-		await describe("WebGL2 RGBA16F FBO draw + FLOAT readPixels", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("renders red triangle to RGBA16F FBO, reads back as FLOAT", async () => {
-				const gl = gl2;
-				const vs = `#version 300 es\nin vec2 position;\nvoid main(){gl_Position=vec4(position,0.,1.);}`;
-				const fs = `#version 300 es\nprecision mediump float;\nout vec4 c;\nvoid main(){c=vec4(1.,0.,0.,1.);}`;
-				const prog = makeProgram(gl, vs, fs);
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				const fbo = makeTestFBOFloat(gl2);
-				gl2.useProgram(prog);
-				drawTriangle(gl);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const pixels = new Float32Array(4);
-				gl2.readPixels(0, 0, 1, 1, gl2.RGBA, gl2.FLOAT, pixels);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				expect(Math.abs(pixels[0] - 1) < .01).toBeTruthy();
-				expect(Math.abs(pixels[1] - 0) < .01).toBeTruthy();
-				expect(Math.abs(pixels[2] - 0) < .01).toBeTruthy();
-				expect(Math.abs(pixels[3] - 1) < .01).toBeTruthy();
-				gl2.useProgram(null);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fbo.fb);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, null, 0);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteTexture(fbo.colorTex);
-				gl2.deleteFramebuffer(fbo.fb);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("WebGL2 MRT — writes to COLOR_ATTACHMENT0 and COLOR_ATTACHMENT1", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("MRT shader writes different colors to CA0 and CA1", async () => {
-				const gl = gl2;
-				const w = 4;
-				const h = 4;
-				const vs = `#version 300 es\nin vec2 position;\nvoid main(){gl_Position=vec4(position,0.,1.);}`;
-				const fs = `#version 300 es\nprecision mediump float;\nlayout(location=0) out vec4 c0;\nlayout(location=1) out vec4 c1;\nvoid main(){c0=vec4(1.,0.,0.,1.);c1=vec4(0.,0.,1.,1.);}`;
-				const prog = makeProgram(gl, vs, fs);
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				const fb = gl2.createFramebuffer();
-				const tex0 = gl2.createTexture();
-				const tex1 = gl2.createTexture();
-				for (const [tex, attachment] of [[tex0, gl2.COLOR_ATTACHMENT0], [tex1, gl2.COLOR_ATTACHMENT0 + 1]]) {
-					gl2.bindTexture(gl2.TEXTURE_2D, tex);
-					gl2.texImage2D(gl2.TEXTURE_2D, 0, gl2.RGBA, w, h, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, null);
-					gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MIN_FILTER, gl2.NEAREST);
-					gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MAG_FILTER, gl2.NEAREST);
-					gl2.bindTexture(gl2.TEXTURE_2D, null);
-					gl2.bindFramebuffer(gl2.FRAMEBUFFER, fb);
-					gl2.framebufferTexture2D(gl2.FRAMEBUFFER, attachment, gl2.TEXTURE_2D, tex, 0);
-				}
-				expect(gl2.checkFramebufferStatus(gl2.FRAMEBUFFER)).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				gl2.viewport(0, 0, w, h);
-				gl2.drawBuffers([gl2.COLOR_ATTACHMENT0, gl2.COLOR_ATTACHMENT0 + 1]);
-				gl2.useProgram(prog);
-				drawTriangle(gl);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const fbRead0 = gl2.createFramebuffer();
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fbRead0);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, tex0, 0);
-				const p0 = new Uint8Array(4);
-				gl2.readPixels(0, 0, 1, 1, gl2.RGBA, gl2.UNSIGNED_BYTE, p0);
-				expect(p0[0]).toBe(255);
-				expect(p0[1]).toBe(0);
-				expect(p0[2]).toBe(0);
-				const fbRead1 = gl2.createFramebuffer();
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, fbRead1);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, tex1, 0);
-				const p1 = new Uint8Array(4);
-				gl2.readPixels(0, 0, 1, 1, gl2.RGBA, gl2.UNSIGNED_BYTE, p1);
-				expect(p1[0]).toBe(0);
-				expect(p1[1]).toBe(0);
-				expect(p1[2]).toBe(255);
-				gl2.useProgram(null);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteTexture(tex0);
-				gl2.deleteTexture(tex1);
-				gl2.deleteFramebuffer(fb);
-				gl2.deleteFramebuffer(fbRead0);
-				gl2.deleteFramebuffer(fbRead1);
-				gl2.deleteProgram(prog);
-			});
-		});
-		await describe("WebGL2 Excalibur-style VAO draw + READ/DRAW blitToScreen", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("VAO draw to source FBO survives clearBufferfv+blit pipeline", async () => {
-				const W = 4;
-				const H = 4;
-				const gl = gl2;
-				const srcFbo = gl2.createFramebuffer();
-				const srcTex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, srcTex);
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, gl2.RGBA, W, H, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, null);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MIN_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MAG_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_WRAP_S, gl2.CLAMP_TO_EDGE);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_WRAP_T, gl2.CLAMP_TO_EDGE);
-				gl2.bindTexture(gl2.TEXTURE_2D, null);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, srcFbo);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, srcTex, 0);
-				expect(gl2.checkFramebufferStatus(gl2.FRAMEBUFFER)).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				const dstFbo = gl2.createFramebuffer();
-				const dstTex = gl2.createTexture();
-				gl2.bindTexture(gl2.TEXTURE_2D, dstTex);
-				gl2.texImage2D(gl2.TEXTURE_2D, 0, gl2.RGBA, W, H, 0, gl2.RGBA, gl2.UNSIGNED_BYTE, null);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MIN_FILTER, gl2.NEAREST);
-				gl2.texParameteri(gl2.TEXTURE_2D, gl2.TEXTURE_MAG_FILTER, gl2.NEAREST);
-				gl2.bindTexture(gl2.TEXTURE_2D, null);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, dstFbo);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, dstTex, 0);
-				expect(gl2.checkFramebufferStatus(gl2.FRAMEBUFFER)).toBe(gl2.FRAMEBUFFER_COMPLETE);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				const vs300 = `#version 300 es\nin vec2 a_pos;\nvoid main(){gl_Position=vec4(a_pos,0.,1.);}`;
-				const fs300 = `#version 300 es\nprecision mediump float;\nout vec4 c;\nvoid main(){c=vec4(0.,1.,0.,1.);}`;
-				const prog = makeProgram(gl, vs300, fs300);
-				expect(gl2.getProgramParameter(prog, gl2.LINK_STATUS)).toBeTruthy();
-				const vao = gl2.createVertexArray();
-				gl2.bindVertexArray(vao);
-				const vbo = gl2.createBuffer();
-				gl2.bindBuffer(gl2.ARRAY_BUFFER, vbo);
-				gl2.bufferData(gl2.ARRAY_BUFFER, new Float32Array([
-					-1,
-					-1,
-					3,
-					-1,
-					-1,
-					3
-				]), gl2.STATIC_DRAW);
-				const aPos = gl2.getAttribLocation(prog, "a_pos");
-				gl2.enableVertexAttribArray(aPos);
-				gl2.vertexAttribPointer(aPos, 2, gl2.FLOAT, false, 0, 0);
-				gl2.bindVertexArray(null);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, srcFbo);
-				gl2.viewport(0, 0, W, H);
-				gl2.clearColor(0, 0, 1, 1);
-				gl2.clear(gl2.COLOR_BUFFER_BIT);
-				gl2.useProgram(prog);
-				gl2.bindVertexArray(vao);
-				gl2.drawArrays(gl2.TRIANGLES, 0, 3);
-				gl2.bindVertexArray(null);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				const READ_FRAMEBUFFER = 36008;
-				const DRAW_FRAMEBUFFER = 36009;
-				gl2.bindFramebuffer(READ_FRAMEBUFFER, srcFbo);
-				gl2.bindFramebuffer(DRAW_FRAMEBUFFER, dstFbo);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.clearBufferfv(gl2.COLOR, 0, [
-					0,
-					0,
-					1,
-					1
-				]);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.blitFramebuffer(0, 0, W, H, 0, 0, W, H, gl2.COLOR_BUFFER_BIT, gl2.LINEAR);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, dstFbo);
-				const pixels = new Uint8Array(4);
-				gl2.readPixels(0, 0, 1, 1, gl2.RGBA, gl2.UNSIGNED_BYTE, pixels);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, srcFbo);
-				const srcPixels = new Uint8Array(4);
-				gl2.readPixels(0, 0, 1, 1, gl2.RGBA, gl2.UNSIGNED_BYTE, srcPixels);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bindVertexArray(null);
-				gl2.deleteVertexArray(vao);
-				gl2.deleteBuffer(vbo);
-				gl2.deleteProgram(prog);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, srcFbo);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, null, 0);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, dstFbo);
-				gl2.framebufferTexture2D(gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, null, 0);
-				gl2.bindFramebuffer(gl2.FRAMEBUFFER, null);
-				gl2.deleteTexture(srcTex);
-				gl2.deleteTexture(dstTex);
-				gl2.deleteFramebuffer(srcFbo);
-				gl2.deleteFramebuffer(dstFbo);
-				expect(pixels[0]).toBe(0);
-				expect(pixels[1]).toBe(255);
-				expect(pixels[2]).toBe(0);
-				expect(pixels[3]).toBe(255);
-				expect(srcPixels[0]).toBe(0);
-				expect(srcPixels[1]).toBe(255);
-				expect(srcPixels[2]).toBe(0);
-				expect(srcPixels[3]).toBe(255);
-			});
-		});
-		await describe("WebGL2 bufferSubData with UNIFORM_BUFFER", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("bufferSubData with UNIFORM_BUFFER target returns NO_ERROR", async () => {
-				const UNIFORM_BUFFER = 35345;
-				const buf = gl2.createBuffer();
-				gl2.bindBuffer(UNIFORM_BUFFER, buf);
-				gl2.bufferData(UNIFORM_BUFFER, new Float32Array([
-					1,
-					0,
-					0,
-					1
-				]), gl2.STATIC_DRAW);
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bufferSubData(UNIFORM_BUFFER, 0, new Float32Array([
-					0,
-					1,
-					0,
-					1
-				]));
-				expect(gl2.getError()).toBe(gl2.NO_ERROR);
-				gl2.bindBuffer(UNIFORM_BUFFER, null);
-				gl2.deleteBuffer(buf);
-			});
-		});
-		win.destroy();
-	});
-};
-
-//#endregion
-export { webgl2_spec_default as default };
+import{TEXTURE_FS_300 as e,TEXTURE_VS_300 as t,destroyTestFBO as n,drawTriangle as r,makeProgram as i,makeTestFBO as a,makeTestFBOFloat as o,makeTestFBOWithDepthTexture as s,readPixel as c}from"./test-utils.js";import{beforeEach as l,describe as u,expect as d,it as f,on as p}from"@gjsify/unit";import{WebGL2RenderingContext as m,WebGLBridge as h}from"@gjsify/webgl";import g from"@girs/glib-2.0";import _ from"@girs/gtk-4.0";var v=async()=>{await p(`Display`,async()=>{_.init();let p,v,y=new g.MainLoop(null,!1),b=new _.Window({});b.set_default_size(200,200),p=new h,p.onReady((e,t)=>{v=e.getContext(`webgl2`),y.quit()}),b.set_child(p),b.present();let x=g.timeout_add(g.PRIORITY_DEFAULT,1e4,()=>(y.quit(),g.SOURCE_REMOVE));if(y.run(),g.source_remove(x),!v){console.warn(`WebGL2 context not available — skipping WebGL2 tests`),b.destroy();return}p.make_current(),await u(`WebGL2 context`,async()=>{l(async()=>{p.make_current()}),await f(`getContext("webgl2") returns a WebGL2RenderingContext`,async()=>{d(v).toBeInstanceOf(m)}),await f(`VERSION is "WebGL 2.0"`,async()=>{d(v.getParameter(v.VERSION)).toBe(`WebGL 2.0`)}),await f(`SHADING_LANGUAGE_VERSION is "WebGL GLSL ES 3.00"`,async()=>{d(v.getParameter(v.SHADING_LANGUAGE_VERSION)).toBe(`WebGL GLSL ES 3.00`)}),await f(`drawingBufferWidth and drawingBufferHeight are positive`,async()=>{d(v.drawingBufferWidth>0).toBeTruthy(),d(v.drawingBufferHeight>0).toBeTruthy()}),await f(`getError() returns NO_ERROR initially`,async()=>{d(v.getError()).toBe(v.NO_ERROR)})}),await u(`GLSL ES 3.00 compilation`,async()=>{l(async()=>{p.make_current()});let e=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position, 0.0, 1.0); }`].join(`
+`),t=[`#version 300 es`,`precision mediump float;`,`out vec4 fragColor;`,`void main() { fragColor = vec4(0.0, 1.0, 0.0, 1.0); }`].join(`
+`);await f(`#version 300 es vertex shader compiles`,async()=>{let t=v.createShader(v.VERTEX_SHADER);v.shaderSource(t,e),v.compileShader(t),v.getShaderParameter(t,v.COMPILE_STATUS)||console.error(`VS300 log:`,v.getShaderInfoLog(t)),d(v.getShaderParameter(t,v.COMPILE_STATUS)).toBeTruthy(),v.deleteShader(t)}),await f(`#version 300 es fragment shader compiles`,async()=>{let e=v.createShader(v.FRAGMENT_SHADER);v.shaderSource(e,t),v.compileShader(e),v.getShaderParameter(e,v.COMPILE_STATUS)||console.error(`FS300 log:`,v.getShaderInfoLog(e)),d(v.getShaderParameter(e,v.COMPILE_STATUS)).toBeTruthy(),v.deleteShader(e)}),await f(`#version 300 es program links and renders green`,async()=>{let o=i(v,e,t);v.getProgramParameter(o,v.LINK_STATUS)||console.error(`Program300 log:`,v.getProgramInfoLog(o)),d(v.getProgramParameter(o,v.LINK_STATUS)).toBeTruthy();let s=a(v,4,4);v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),v.useProgram(o),r(v),d(v.getError()).toBe(v.NO_ERROR);let l=c(v,0,0);n(v,s),d(l[0]).toBe(0),d(l[1]).toBe(255),d(l[2]).toBe(0),d(l[3]).toBe(255),v.deleteProgram(o)})}),await u(`VAO`,async()=>{l(async()=>{p.make_current()}),await f(`createVertexArray returns a non-null object`,async()=>{let e=v.createVertexArray();d(e).not.toBeNull(),d(e).toBeDefined(),v.deleteVertexArray(e)}),await f(`isVertexArray is true after creation, false after deletion`,async()=>{let e=v.createVertexArray();v.bindVertexArray(e),d(v.isVertexArray(e)).toBeTruthy(),v.bindVertexArray(null),v.deleteVertexArray(e),d(v.isVertexArray(e)).toBeFalsy()}),await f(`VAO preserves vertex attribute state`,async()=>{let e=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position,0.0,1.0); }`].join(`
+`),t=[`#version 300 es`,`precision mediump float;`,`out vec4 c;`,`void main() { c = vec4(0.0,1.0,0.0,1.0); }`].join(`
+`),r=i(v,e,t);v.useProgram(r);let o=a(v,4,4),s=v.createVertexArray();v.bindVertexArray(s);let l=v.createBuffer();v.bindBuffer(v.ARRAY_BUFFER,l),v.bufferData(v.ARRAY_BUFFER,new Float32Array([-2,-2,-2,4,4,-2]),v.STREAM_DRAW),v.enableVertexAttribArray(0),v.vertexAttribPointer(0,2,v.FLOAT,!1,0,0),v.bindVertexArray(null),v.bindVertexArray(s),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),v.drawArrays(v.TRIANGLES,0,3),d(v.getError()).toBe(v.NO_ERROR);let u=c(v,0,0);n(v,o),d(u[1]).toBe(255),v.bindVertexArray(null),v.deleteVertexArray(s),v.deleteBuffer(l),v.deleteProgram(r)})}),await u(`getBufferSubData`,async()=>{l(async()=>{p.make_current()}),await f(`reads back float data written with bufferData`,async()=>{let e=new Float32Array([1,2,3,4]),t=v.createBuffer();v.bindBuffer(v.ARRAY_BUFFER,t),v.bufferData(v.ARRAY_BUFFER,e,v.STATIC_READ);let n=new Float32Array(4);v.getBufferSubData(v.ARRAY_BUFFER,0,n),d(v.getError()).toBe(v.NO_ERROR),d(n[0]).toBe(1),d(n[1]).toBe(2),d(n[2]).toBe(3),d(n[3]).toBe(4),v.deleteBuffer(t)}),await f(`reads a sub-range correctly`,async()=>{let e=new Float32Array([10,20,30,40]),t=v.createBuffer();v.bindBuffer(v.ARRAY_BUFFER,t),v.bufferData(v.ARRAY_BUFFER,e,v.STATIC_READ);let n=new Float32Array(2);v.getBufferSubData(v.ARRAY_BUFFER,8,n),d(n[0]).toBe(30),d(n[1]).toBe(40),v.deleteBuffer(t)})}),await u(`sync objects`,async()=>{l(async()=>{p.make_current()}),await f(`fenceSync returns a non-null sync`,async()=>{let e=v.fenceSync(v.SYNC_GPU_COMMANDS_COMPLETE,0);d(e).not.toBeNull(),v.deleteSync(e),d(v.getError()).toBe(v.NO_ERROR)}),await f(`isSync is true before deletion, false after`,async()=>{let e=v.fenceSync(v.SYNC_GPU_COMMANDS_COMPLETE,0);d(v.isSync(e)).toBeTruthy(),v.deleteSync(e),d(v.isSync(e)).toBeFalsy()}),await f(`clientWaitSync returns TIMEOUT_EXPIRED or CONDITION_SATISFIED`,async()=>{let e=v.fenceSync(v.SYNC_GPU_COMMANDS_COMPLETE,0);v.flush();let t=v.clientWaitSync(e,0,0);d(t===v.TIMEOUT_EXPIRED||t===v.CONDITION_SATISFIED||t===v.ALREADY_SIGNALED).toBeTruthy(),v.deleteSync(e)})}),await u(`uint uniforms`,async()=>{l(async()=>{p.make_current()});let e=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position,0.0,1.0); }`].join(`
+`),t=[`#version 300 es`,`precision mediump float;`,`uniform uint uR; uniform uint uG; uniform uint uB;`,`out vec4 c;`,`void main() { c = vec4(float(uR)/255.0, float(uG)/255.0, float(uB)/255.0, 1.0); }`].join(`
+`);await f(`uniform1ui sets an unsigned int uniform`,async()=>{let n=i(v,e,t);d(v.getProgramParameter(n,v.LINK_STATUS)).toBeTruthy(),v.useProgram(n);let r=v.getUniformLocation(n,`uR`),a=v.getUniformLocation(n,`uG`),o=v.getUniformLocation(n,`uB`);v.uniform1ui(r,0),v.uniform1ui(a,255),v.uniform1ui(o,0),d(v.getError()).toBe(v.NO_ERROR),d(v.getUniform(n,r)).toBe(0),d(v.getUniform(n,a)).toBe(255),v.deleteProgram(n)}),await f(`uniform2ui, uniform3ui, uniform4ui set without error`,async()=>{let t=[`#version 300 es`,`precision mediump float;`,`uniform uvec2 u2; uniform uvec3 u3; uniform uvec4 u4;`,`out vec4 c;`,`void main() { c = vec4(float(u2.x), float(u3.x), float(u4.x), 1.0)/255.0; }`].join(`
+`),n=i(v,e,t);v.useProgram(n),v.uniform2ui(v.getUniformLocation(n,`u2`),1,2),v.uniform3ui(v.getUniformLocation(n,`u3`),1,2,3),v.uniform4ui(v.getUniformLocation(n,`u4`),1,2,3,4),d(v.getError()).toBe(v.NO_ERROR),v.deleteProgram(n)})}),await u(`non-square matrix uniforms`,async()=>{l(async()=>{p.make_current()});let e=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position,0.0,1.0); }`].join(`
+`);await f(`uniformMatrix2x3fv sets a mat2x3 without error`,async()=>{let t=[`#version 300 es`,`precision mediump float;`,`uniform mat2x3 m; out vec4 c;`,`void main() { c = vec4(m[0][0], m[0][1], m[0][2], 1.0); }`].join(`
+`),n=i(v,e,t);v.useProgram(n),v.uniformMatrix2x3fv(v.getUniformLocation(n,`m`),!1,new Float32Array([1,0,0,0,1,0])),d(v.getError()).toBe(v.NO_ERROR),v.deleteProgram(n)}),await f(`uniformMatrix3x2fv sets a mat3x2 without error`,async()=>{let t=[`#version 300 es`,`precision mediump float;`,`uniform mat3x2 m; out vec4 c;`,`void main() { c = vec4(m[0][0], m[0][1], 0.0, 1.0); }`].join(`
+`),n=i(v,e,t);v.useProgram(n),v.uniformMatrix3x2fv(v.getUniformLocation(n,`m`),!1,new Float32Array([1,0,0,1,0,0])),d(v.getError()).toBe(v.NO_ERROR),v.deleteProgram(n)})}),await u(`Uniform Buffer Objects`,async()=>{l(async()=>{p.make_current()}),await f(`getUniformBlockIndex + uniformBlockBinding works`,async()=>{let e=[`#version 300 es`,`layout(std140) uniform Params { vec4 color; };`,`in vec2 position;`,`out vec4 vColor;`,`void main() { vColor = color; gl_Position = vec4(position,0.0,1.0); }`].join(`
+`),t=[`#version 300 es`,`precision mediump float;`,`in vec4 vColor; out vec4 c;`,`void main() { c = vColor; }`].join(`
+`),o=i(v,e,t);d(v.getProgramParameter(o,v.LINK_STATUS)).toBeTruthy();let s=v.getUniformBlockIndex(o,`Params`);d(s).not.toBe(v.INVALID_INDEX),v.uniformBlockBinding(o,s,0),d(v.getError()).toBe(v.NO_ERROR);let l=v.createBuffer();v.bindBuffer(v.UNIFORM_BUFFER,l),v.bufferData(v.UNIFORM_BUFFER,new Float32Array([0,1,0,1]),v.STATIC_DRAW),v.bindBufferBase(v.UNIFORM_BUFFER,0,l);let u=a(v,4,4);v.useProgram(o),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),r(v),d(v.getError()).toBe(v.NO_ERROR);let f=c(v,0,0);n(v,u),d(f[1]).toBe(255),v.deleteBuffer(l),v.deleteProgram(o)})}),await u(`instanced drawing`,async()=>{l(async()=>{p.make_current()}),await f(`drawArraysInstanced renders without error`,async()=>{let e=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position,0.0,1.0); }`].join(`
+`),t=[`#version 300 es`,`precision mediump float;`,`out vec4 c;`,`void main() { c = vec4(0.0,1.0,0.0,1.0); }`].join(`
+`),r=i(v,e,t);v.useProgram(r);let o=a(v,4,4),s=v.createBuffer();v.bindBuffer(v.ARRAY_BUFFER,s),v.bufferData(v.ARRAY_BUFFER,new Float32Array([-2,-2,-2,4,4,-2]),v.STREAM_DRAW),v.enableVertexAttribArray(0),v.vertexAttribPointer(0,2,v.FLOAT,!1,0,0),v.vertexAttribDivisor(0,0),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),v.drawArraysInstanced(v.TRIANGLES,0,3,1),d(v.getError()).toBe(v.NO_ERROR);let l=c(v,0,0);n(v,o),d(l[1]).toBe(255),v.disableVertexAttribArray(0),v.deleteBuffer(s),v.deleteProgram(r)})}),await u(`drawBuffers (MRT)`,async()=>{l(async()=>{p.make_current()}),await f(`drawBuffers with 2 COLOR_ATTACHMENTs renders to both`,async()=>{let e=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position,0.0,1.0); }`].join(`
+`),t=[`#version 300 es`,`precision mediump float;`,`layout(location=0) out vec4 c0;`,`layout(location=1) out vec4 c1;`,`void main() { c0 = vec4(1.0,0.0,0.0,1.0); c1 = vec4(0.0,0.0,1.0,1.0); }`].join(`
+`),n=i(v,e,t);d(v.getProgramParameter(n,v.LINK_STATUS)).toBeTruthy();let a=v.createFramebuffer();v.bindFramebuffer(v.FRAMEBUFFER,a);let o=v.createTexture();v.bindTexture(v.TEXTURE_2D,o),v.texImage2D(v.TEXTURE_2D,0,v.RGBA,4,4,0,v.RGBA,v.UNSIGNED_BYTE,null),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,o,0);let s=v.createTexture();v.bindTexture(v.TEXTURE_2D,s),v.texImage2D(v.TEXTURE_2D,0,v.RGBA,4,4,0,v.RGBA,v.UNSIGNED_BYTE,null),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT1,v.TEXTURE_2D,s,0);let l=v.checkFramebufferStatus(v.FRAMEBUFFER);if(l!==v.FRAMEBUFFER_COMPLETE){console.warn(`MRT framebuffer not complete:`,l),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteFramebuffer(a),v.deleteTexture(o),v.deleteTexture(s),v.deleteProgram(n);return}v.drawBuffers([v.COLOR_ATTACHMENT0,v.COLOR_ATTACHMENT1]),v.viewport(0,0,4,4),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),v.useProgram(n),r(v),d(v.getError()).toBe(v.NO_ERROR),v.readBuffer(v.COLOR_ATTACHMENT0);let u=c(v,0,0);d(u[0]).toBe(255),d(u[1]).toBe(0),v.readBuffer(v.COLOR_ATTACHMENT1);let f=c(v,0,0);d(f[0]).toBe(0),d(f[2]).toBe(255),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteFramebuffer(a),v.deleteTexture(o),v.deleteTexture(s),v.deleteProgram(n)})}),await u(`3D texture`,async()=>{l(async()=>{p.make_current()}),await f(`createTexture + TEXTURE_3D binding works`,async()=>{let e=v.createTexture();d(e).not.toBeNull(),v.bindTexture(v.TEXTURE_3D,e),d(v.getError()).toBe(v.NO_ERROR),v.deleteTexture(e)}),await f(`texImage3D uploads a 2×2×2 RGBA texture without error`,async()=>{let e=v.createTexture();v.bindTexture(v.TEXTURE_3D,e),v.texParameteri(v.TEXTURE_3D,v.TEXTURE_MIN_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_3D,v.TEXTURE_MAG_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_3D,v.TEXTURE_WRAP_S,v.CLAMP_TO_EDGE),v.texParameteri(v.TEXTURE_3D,v.TEXTURE_WRAP_T,v.CLAMP_TO_EDGE),v.texParameteri(v.TEXTURE_3D,v.TEXTURE_WRAP_R,v.CLAMP_TO_EDGE);let t=new Uint8Array(32).fill(128);v.texImage3D(v.TEXTURE_3D,0,v.RGBA,2,2,2,0,v.RGBA,v.UNSIGNED_BYTE,t),d(v.getError()).toBe(v.NO_ERROR),v.deleteTexture(e)}),await f(`texStorage3D allocates storage without error`,async()=>{let e=v.createTexture();v.bindTexture(v.TEXTURE_3D,e),v.texStorage3D(v.TEXTURE_3D,1,v.RGBA8,4,4,4),d(v.getError()).toBe(v.NO_ERROR),v.deleteTexture(e)})}),await u(`transform feedback`,async()=>{l(async()=>{p.make_current()}),await f(`captures vertex shader output via transform feedback`,async()=>{let e=[`#version 300 es`,`in float inVal;`,`out float outVal;`,`void main() { outVal = inVal * 2.0; gl_Position = vec4(0.0); }`].join(`
+`),t=[`#version 300 es`,`precision mediump float;`,`out vec4 c;`,`void main() { c = vec4(0.0); }`].join(`
+`),r=v.createShader(v.VERTEX_SHADER);v.shaderSource(r,e),v.compileShader(r),v.getShaderParameter(r,v.COMPILE_STATUS)||console.error(`TF VS:`,v.getShaderInfoLog(r));let i=v.createShader(v.FRAGMENT_SHADER);v.shaderSource(i,t),v.compileShader(i);let o=v.createProgram();v.attachShader(o,r),v.attachShader(o,i),v.transformFeedbackVaryings(o,[`outVal`],v.SEPARATE_ATTRIBS),v.linkProgram(o),v.getProgramParameter(o,v.LINK_STATUS)||console.error(`TF prog:`,v.getProgramInfoLog(o)),d(v.getProgramParameter(o,v.LINK_STATUS)).toBeTruthy();let s=v.createBuffer();v.bindBuffer(v.ARRAY_BUFFER,s),v.bufferData(v.ARRAY_BUFFER,new Float32Array([1,2,3,4]),v.STATIC_DRAW);let c=v.getAttribLocation(o,`inVal`);v.enableVertexAttribArray(c),v.vertexAttribPointer(c,1,v.FLOAT,!1,0,0);let l=v.createBuffer();v.bindBuffer(v.TRANSFORM_FEEDBACK_BUFFER,l),v.bufferData(v.TRANSFORM_FEEDBACK_BUFFER,16,v.STATIC_READ);let u=v.createTransformFeedback();v.bindTransformFeedback(v.TRANSFORM_FEEDBACK,u),v.bindBufferBase(v.TRANSFORM_FEEDBACK_BUFFER,0,l);let f=a(v,1,1);v.useProgram(o),v.enable(v.RASTERIZER_DISCARD),v.beginTransformFeedback(v.POINTS),v.drawArrays(v.POINTS,0,4),v.endTransformFeedback(),v.disable(v.RASTERIZER_DISCARD),d(v.getError()).toBe(v.NO_ERROR),v.bindTransformFeedback(v.TRANSFORM_FEEDBACK,null),n(v,f);let p=new Float32Array(4);v.bindBuffer(v.TRANSFORM_FEEDBACK_BUFFER,l),v.getBufferSubData(v.TRANSFORM_FEEDBACK_BUFFER,0,p),d(p[0]).toBe(2),d(p[1]).toBe(4),d(p[2]).toBe(6),d(p[3]).toBe(8),v.disableVertexAttribArray(c),v.deleteBuffer(s),v.deleteBuffer(l),v.deleteTransformFeedback(u),v.deleteProgram(o)})}),await u(`getStringi`,async()=>{l(async()=>{p.make_current()}),await f(`getStringi(EXTENSIONS, 0) returns a string`,async()=>{if(v.getParameter(v.NUM_EXTENSIONS)>0){let e=v.getStringi(v.EXTENSIONS,0);d(typeof e).toBe(`string`),d(e.length>0).toBeTruthy()}})}),await u(`WebGL2 extensions`,async()=>{l(async()=>{p.make_current()}),await f(`supports EXT_color_buffer_float`,async()=>{d(v.getExtension(`EXT_color_buffer_float`)).toBeTruthy()}),await f(`supports EXT_color_buffer_half_float`,async()=>{d(v.getExtension(`EXT_color_buffer_half_float`)).toBeTruthy()}),await f(`supports OES_texture_half_float`,async()=>{d(v.getExtension(`OES_texture_half_float`)).toBeTruthy()}),await f(`OES_texture_half_float exposes HALF_FLOAT_OES constant`,async()=>{let e=v.getExtension(`OES_texture_half_float`);d(e).toBeTruthy(),d(e.HALF_FLOAT_OES).toBe(36193)})}),await u(`WebGL2 renderbufferStorage formats`,async()=>{l(async()=>{p.make_current()});async function e(e){let t=v.createRenderbuffer();v.bindRenderbuffer(v.RENDERBUFFER,t),v.renderbufferStorage(v.RENDERBUFFER,e,64,64);let n=v.getError();return v.deleteRenderbuffer(t),n}await f(`accepts RGBA8 (0x8058)`,async()=>{d(await e(32856)).toBe(v.NO_ERROR)}),await f(`accepts DEPTH_COMPONENT24 (0x81A6)`,async()=>{d(await e(33190)).toBe(v.NO_ERROR)}),await f(`accepts DEPTH24_STENCIL8 (0x88F0)`,async()=>{d(await e(35056)).toBe(v.NO_ERROR)})}),await u(`WebGL2 float render target`,async()=>{l(async()=>{p.make_current()}),await f(`can create RGBA16F texture and attach to FBO`,async()=>{let e=v.createTexture();v.bindTexture(v.TEXTURE_2D,e),v.texImage2D(v.TEXTURE_2D,0,34842,64,64,0,v.RGBA,5131,null),d(v.getError()).toBe(v.NO_ERROR);let t=v.createFramebuffer();v.bindFramebuffer(v.FRAMEBUFFER,t),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,e,0),d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE),v.clearColor(1,0,0,1),v.clear(v.COLOR_BUFFER_BIT),d(v.getError()).toBe(v.NO_ERROR),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteFramebuffer(t),v.deleteTexture(e)}),await f(`can create RGBA8 renderbuffer FBO`,async()=>{let e=v.createRenderbuffer();v.bindRenderbuffer(v.RENDERBUFFER,e),v.renderbufferStorage(v.RENDERBUFFER,32856,64,64),d(v.getError()).toBe(v.NO_ERROR);let t=v.createFramebuffer();v.bindFramebuffer(v.FRAMEBUFFER,t),v.framebufferRenderbuffer(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.RENDERBUFFER,e),d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE),v.clearColor(0,1,0,1),v.clear(v.COLOR_BUFFER_BIT),d(v.getError()).toBe(v.NO_ERROR),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteFramebuffer(t),v.deleteRenderbuffer(e)})}),await u(`WebGL2 GLSL 1.0 compatibility`,async()=>{l(async()=>{p.make_current()}),await f(`compiles versionless shaders with attribute/varying`,async()=>{let e=i(v,`attribute vec2 position;
+varying vec2 vUv;
+void main() { vUv = position; gl_Position = vec4(position, 0.0, 1.0); }`,`precision mediump float;
+varying vec2 vUv;
+void main() { gl_FragColor = vec4(vUv, 0.0, 1.0); }`);d(e).toBeTruthy(),e&&(d(v.getProgramParameter(e,v.LINK_STATUS)).toBeTruthy(),v.deleteProgram(e))})}),await u(`WebGL2 textured rendering`,async()=>{l(async()=>{p.make_current()}),await f(`samples a 2x2 RGBA texture to produce red output`,async()=>{let o=a(v,4,4),s=v.createTexture();v.bindTexture(v.TEXTURE_2D,s);let l=new Uint8Array([255,0,0,255,255,0,0,255,255,0,0,255,255,0,0,255]);v.texImage2D(v.TEXTURE_2D,0,v.RGBA,2,2,0,v.RGBA,v.UNSIGNED_BYTE,l),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MIN_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MAG_FILTER,v.NEAREST);let u=i(v,t,e);d(v.getProgramParameter(u,v.LINK_STATUS)).toBeTruthy(),v.useProgram(u);let f=v.getUniformLocation(u,`uTexture`);v.uniform1i(f,0),v.activeTexture(v.TEXTURE0),v.bindTexture(v.TEXTURE_2D,s),r(v),d(v.getError()).toBe(v.NO_ERROR);let p=c(v,0,0);d(p[0]).toBe(255),d(p[1]).toBe(0),d(p[2]).toBe(0),d(p[3]).toBe(255),v.deleteTexture(s),v.deleteProgram(u),n(v,o)})}),await u(`WebGL2 FBO chain (post-processing)`,async()=>{l(async()=>{p.make_current()}),await f(`renders green to FBO1, samples FBO1 texture into FBO2`,async()=>{let o=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position,0.0,1.0); }`].join(`
+`),s=[`#version 300 es`,`precision mediump float;`,`out vec4 c;`,`void main() { c = vec4(0.0,1.0,0.0,1.0); }`].join(`
+`),l=a(v,4,4);d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE);let u=i(v,o,s);v.useProgram(u),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),r(v),d(v.getError()).toBe(v.NO_ERROR),d(c(v,0,0)[1]).toBe(255);let f=a(v,4,4);d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE);let p=i(v,t,e);v.useProgram(p);let m=v.getUniformLocation(p,`uTexture`);v.uniform1i(m,0),v.activeTexture(v.TEXTURE0),v.bindTexture(v.TEXTURE_2D,l.colorTex),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),r(v),d(v.getError()).toBe(v.NO_ERROR),d(c(v,0,0)[1]).toBe(255),v.deleteProgram(u),v.deleteProgram(p),n(v,f),n(v,l)})}),await u(`WebGL2 half-float FBO chain`,async()=>{l(async()=>{p.make_current()}),await f(`renders green to RGBA16F FBO, samples into RGBA8 FBO`,async()=>{let s=[`#version 300 es`,`in vec2 position;`,`void main() { gl_Position = vec4(position,0.0,1.0); }`].join(`
+`),l=[`#version 300 es`,`precision mediump float;`,`out vec4 c;`,`void main() { c = vec4(0.0,1.0,0.0,1.0); }`].join(`
+`),u=o(v,4,4);d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE);let f=i(v,s,l);v.useProgram(f),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),r(v),d(v.getError()).toBe(v.NO_ERROR);let p=a(v,4,4),m=i(v,t,e);v.useProgram(m);let h=v.getUniformLocation(m,`uTexture`);v.uniform1i(h,0),v.activeTexture(v.TEXTURE0),v.bindTexture(v.TEXTURE_2D,u.colorTex),v.clearColor(0,0,0,1),v.clear(v.COLOR_BUFFER_BIT),r(v),d(v.getError()).toBe(v.NO_ERROR),d(c(v,0,0)[1]).toBe(255),v.deleteProgram(f),v.deleteProgram(m),n(v,p),v.bindFramebuffer(v.FRAMEBUFFER,u.fb),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,null,0),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteTexture(u.colorTex),v.deleteFramebuffer(u.fb)})}),await u(`WebGL2 depth texture FBO`,async()=>{l(async()=>{p.make_current()}),await f(`creates FBO with depth texture and renders with depth test`,async()=>{let e=s(v,4,4);d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE);let t=[`#version 300 es`,`in vec2 position;`,`uniform float uDepth;`,`void main() { gl_Position = vec4(position, uDepth, 1.0); }`].join(`
+`),n=[`#version 300 es`,`precision mediump float;`,`uniform vec4 uColor;`,`out vec4 c;`,`void main() { c = uColor; }`].join(`
+`),a=i(v,t,n);v.useProgram(a),v.enable(v.DEPTH_TEST),v.depthFunc(v.LESS),v.clearColor(0,0,0,1),v.clearDepth(1),v.clear(v.COLOR_BUFFER_BIT|v.DEPTH_BUFFER_BIT);let o=v.getUniformLocation(a,`uColor`),l=v.getUniformLocation(a,`uDepth`);v.uniform4f(o,1,0,0,1),v.uniform1f(l,.5),r(v),v.uniform4f(o,0,1,0,1),v.uniform1f(l,0),r(v),d(v.getError()).toBe(v.NO_ERROR),d(c(v,0,0)[1]).toBe(255),v.disable(v.DEPTH_TEST),v.bindFramebuffer(v.FRAMEBUFFER,e.fb),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,null,0),v.framebufferTexture2D(v.FRAMEBUFFER,v.DEPTH_ATTACHMENT,v.TEXTURE_2D,null,0),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteTexture(e.colorTex),v.deleteTexture(e.depthTex),v.deleteFramebuffer(e.fb),v.deleteProgram(a)})}),await u(`WebGL2 generateMipmap`,async()=>{l(async()=>{p.make_current()}),await f(`generates mipmaps for a 4x4 texture without error`,async()=>{let o=v.createTexture();v.bindTexture(v.TEXTURE_2D,o);let s=new Uint8Array(64);for(let e=0;e<s.length;e+=4)s[e]=255,s[e+3]=255;v.texImage2D(v.TEXTURE_2D,0,v.RGBA,4,4,0,v.RGBA,v.UNSIGNED_BYTE,s),v.generateMipmap(v.TEXTURE_2D),d(v.getError()).toBe(v.NO_ERROR),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MIN_FILTER,v.LINEAR_MIPMAP_LINEAR),d(v.getError()).toBe(v.NO_ERROR);let l=a(v,4,4),u=i(v,t,e);v.useProgram(u),v.bindTexture(v.TEXTURE_2D,o),v.uniform1i(v.getUniformLocation(u,`uTexture`),0),r(v),d(v.getError()).toBe(v.NO_ERROR),d(c(v,0,0)[0]).toBeGreaterThan(200),v.deleteTexture(o),v.deleteProgram(u),n(v,l)})}),await u(`WebGL2 cubemap texture`,async()=>{l(async()=>{p.make_current()}),await f(`creates cubemap and verifies FBO attachment`,async()=>{let e=v.createTexture();v.bindTexture(v.TEXTURE_CUBE_MAP,e);let t=[v.TEXTURE_CUBE_MAP_POSITIVE_X,v.TEXTURE_CUBE_MAP_NEGATIVE_X,v.TEXTURE_CUBE_MAP_POSITIVE_Y,v.TEXTURE_CUBE_MAP_NEGATIVE_Y,v.TEXTURE_CUBE_MAP_POSITIVE_Z,v.TEXTURE_CUBE_MAP_NEGATIVE_Z],n=[[255,0,0,255],[0,255,0,255],[0,0,255,255],[255,255,0,255],[255,0,255,255],[0,255,255,255]];for(let e=0;e<6;e++)v.texImage2D(t[e],0,v.RGBA,1,1,0,v.RGBA,v.UNSIGNED_BYTE,new Uint8Array(n[e]));d(v.getError()).toBe(v.NO_ERROR),v.texParameteri(v.TEXTURE_CUBE_MAP,v.TEXTURE_MIN_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_CUBE_MAP,v.TEXTURE_MAG_FILTER,v.NEAREST);let r=v.createFramebuffer();v.bindFramebuffer(v.FRAMEBUFFER,r),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_CUBE_MAP_POSITIVE_X,e,0),d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE),v.viewport(0,0,1,1),v.clearColor(0,1,1,1),v.clear(v.COLOR_BUFFER_BIT),d(v.getError()).toBe(v.NO_ERROR);let i=c(v,0,0);d(i[0]).toBe(0),d(i[1]).toBe(255),d(i[2]).toBe(255),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteFramebuffer(r),v.deleteTexture(e)})}),await u(`WebGL2 READ_FRAMEBUFFER / DRAW_FRAMEBUFFER`,async()=>{l(async()=>{p.make_current()}),await f(`bindFramebuffer accepts READ_FRAMEBUFFER and DRAW_FRAMEBUFFER`,async()=>{let e=v.createFramebuffer(),t=v.createFramebuffer();v.bindFramebuffer(36008,e),v.bindFramebuffer(36009,t),d(v.getError()).toBe(v.NO_ERROR),d(v.getParameter(36010)).toBe(e),d(v.getParameter(36006)).toBe(t),v.bindFramebuffer(v.FRAMEBUFFER,null),d(v.getError()).toBe(v.NO_ERROR),v.deleteFramebuffer(e),v.deleteFramebuffer(t)})}),await u(`WebGL2 RGBA8 FBO (sized internal format)`,async()=>{l(async()=>{p.make_current()}),await f(`renders solid color to RGBA8 FBO, readPixels confirms result`,async()=>{let e=v.createFramebuffer(),t=v.createTexture();v.bindTexture(v.TEXTURE_2D,t),v.texImage2D(v.TEXTURE_2D,0,32856,4,4,0,v.RGBA,v.UNSIGNED_BYTE,null),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MIN_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MAG_FILTER,v.NEAREST),v.bindTexture(v.TEXTURE_2D,null),v.bindFramebuffer(v.FRAMEBUFFER,e),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,t,0),d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE),v.viewport(0,0,4,4),v.clearColor(0,1,0,1),v.clear(v.COLOR_BUFFER_BIT),d(v.getError()).toBe(v.NO_ERROR);let n=new Uint8Array(4);v.readPixels(0,0,1,1,v.RGBA,v.UNSIGNED_BYTE,n),d(v.getError()).toBe(v.NO_ERROR),d(n[0]).toBe(0),d(n[1]).toBe(255),d(n[2]).toBe(0),d(n[3]).toBe(255),v.bindFramebuffer(v.FRAMEBUFFER,e),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,null,0),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteTexture(t),v.deleteFramebuffer(e)})}),await u(`WebGL2 RGBA16F FBO draw + FLOAT readPixels`,async()=>{l(async()=>{p.make_current()}),await f(`renders red triangle to RGBA16F FBO, reads back as FLOAT`,async()=>{let e=v,t=i(e,`#version 300 es
+in vec2 position;
+void main(){gl_Position=vec4(position,0.,1.);}`,`#version 300 es
+precision mediump float;
+out vec4 c;
+void main(){c=vec4(1.,0.,0.,1.);}`);d(v.getProgramParameter(t,v.LINK_STATUS)).toBeTruthy();let n=o(v);v.useProgram(t),r(e),d(v.getError()).toBe(v.NO_ERROR);let a=new Float32Array(4);v.readPixels(0,0,1,1,v.RGBA,v.FLOAT,a),d(v.getError()).toBe(v.NO_ERROR),d(Math.abs(a[0]-1)<.01).toBeTruthy(),d(Math.abs(a[1]-0)<.01).toBeTruthy(),d(Math.abs(a[2]-0)<.01).toBeTruthy(),d(Math.abs(a[3]-1)<.01).toBeTruthy(),v.useProgram(null),v.bindFramebuffer(v.FRAMEBUFFER,n.fb),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,null,0),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteTexture(n.colorTex),v.deleteFramebuffer(n.fb),v.deleteProgram(t)})}),await u(`WebGL2 MRT — writes to COLOR_ATTACHMENT0 and COLOR_ATTACHMENT1`,async()=>{l(async()=>{p.make_current()}),await f(`MRT shader writes different colors to CA0 and CA1`,async()=>{let e=v,t=i(e,`#version 300 es
+in vec2 position;
+void main(){gl_Position=vec4(position,0.,1.);}`,`#version 300 es
+precision mediump float;
+layout(location=0) out vec4 c0;
+layout(location=1) out vec4 c1;
+void main(){c0=vec4(1.,0.,0.,1.);c1=vec4(0.,0.,1.,1.);}`);d(v.getProgramParameter(t,v.LINK_STATUS)).toBeTruthy();let n=v.createFramebuffer(),a=v.createTexture(),o=v.createTexture();for(let[e,t]of[[a,v.COLOR_ATTACHMENT0],[o,v.COLOR_ATTACHMENT0+1]])v.bindTexture(v.TEXTURE_2D,e),v.texImage2D(v.TEXTURE_2D,0,v.RGBA,4,4,0,v.RGBA,v.UNSIGNED_BYTE,null),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MIN_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MAG_FILTER,v.NEAREST),v.bindTexture(v.TEXTURE_2D,null),v.bindFramebuffer(v.FRAMEBUFFER,n),v.framebufferTexture2D(v.FRAMEBUFFER,t,v.TEXTURE_2D,e,0);d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE),v.viewport(0,0,4,4),v.drawBuffers([v.COLOR_ATTACHMENT0,v.COLOR_ATTACHMENT0+1]),v.useProgram(t),r(e),d(v.getError()).toBe(v.NO_ERROR);let s=v.createFramebuffer();v.bindFramebuffer(v.FRAMEBUFFER,s),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,a,0);let c=new Uint8Array(4);v.readPixels(0,0,1,1,v.RGBA,v.UNSIGNED_BYTE,c),d(c[0]).toBe(255),d(c[1]).toBe(0),d(c[2]).toBe(0);let l=v.createFramebuffer();v.bindFramebuffer(v.FRAMEBUFFER,l),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,o,0);let u=new Uint8Array(4);v.readPixels(0,0,1,1,v.RGBA,v.UNSIGNED_BYTE,u),d(u[0]).toBe(0),d(u[1]).toBe(0),d(u[2]).toBe(255),v.useProgram(null),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteTexture(a),v.deleteTexture(o),v.deleteFramebuffer(n),v.deleteFramebuffer(s),v.deleteFramebuffer(l),v.deleteProgram(t)})}),await u(`WebGL2 Excalibur-style VAO draw + READ/DRAW blitToScreen`,async()=>{l(async()=>{p.make_current()}),await f(`VAO draw to source FBO survives clearBufferfv+blit pipeline`,async()=>{let e=v,t=v.createFramebuffer(),n=v.createTexture();v.bindTexture(v.TEXTURE_2D,n),v.texImage2D(v.TEXTURE_2D,0,v.RGBA,4,4,0,v.RGBA,v.UNSIGNED_BYTE,null),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MIN_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MAG_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_WRAP_S,v.CLAMP_TO_EDGE),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_WRAP_T,v.CLAMP_TO_EDGE),v.bindTexture(v.TEXTURE_2D,null),v.bindFramebuffer(v.FRAMEBUFFER,t),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,n,0),d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE);let r=v.createFramebuffer(),a=v.createTexture();v.bindTexture(v.TEXTURE_2D,a),v.texImage2D(v.TEXTURE_2D,0,v.RGBA,4,4,0,v.RGBA,v.UNSIGNED_BYTE,null),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MIN_FILTER,v.NEAREST),v.texParameteri(v.TEXTURE_2D,v.TEXTURE_MAG_FILTER,v.NEAREST),v.bindTexture(v.TEXTURE_2D,null),v.bindFramebuffer(v.FRAMEBUFFER,r),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,a,0),d(v.checkFramebufferStatus(v.FRAMEBUFFER)).toBe(v.FRAMEBUFFER_COMPLETE),v.bindFramebuffer(v.FRAMEBUFFER,null);let o=i(e,`#version 300 es
+in vec2 a_pos;
+void main(){gl_Position=vec4(a_pos,0.,1.);}`,`#version 300 es
+precision mediump float;
+out vec4 c;
+void main(){c=vec4(0.,1.,0.,1.);}`);d(v.getProgramParameter(o,v.LINK_STATUS)).toBeTruthy();let s=v.createVertexArray();v.bindVertexArray(s);let c=v.createBuffer();v.bindBuffer(v.ARRAY_BUFFER,c),v.bufferData(v.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),v.STATIC_DRAW);let l=v.getAttribLocation(o,`a_pos`);v.enableVertexAttribArray(l),v.vertexAttribPointer(l,2,v.FLOAT,!1,0,0),v.bindVertexArray(null),v.bindFramebuffer(v.FRAMEBUFFER,t),v.viewport(0,0,4,4),v.clearColor(0,0,1,1),v.clear(v.COLOR_BUFFER_BIT),v.useProgram(o),v.bindVertexArray(s),v.drawArrays(v.TRIANGLES,0,3),v.bindVertexArray(null),d(v.getError()).toBe(v.NO_ERROR),v.bindFramebuffer(36008,t),v.bindFramebuffer(36009,r),d(v.getError()).toBe(v.NO_ERROR),v.clearBufferfv(v.COLOR,0,[0,0,1,1]),d(v.getError()).toBe(v.NO_ERROR),v.blitFramebuffer(0,0,4,4,0,0,4,4,v.COLOR_BUFFER_BIT,v.LINEAR),d(v.getError()).toBe(v.NO_ERROR),v.bindFramebuffer(v.FRAMEBUFFER,r);let u=new Uint8Array(4);v.readPixels(0,0,1,1,v.RGBA,v.UNSIGNED_BYTE,u),d(v.getError()).toBe(v.NO_ERROR),v.bindFramebuffer(v.FRAMEBUFFER,t);let f=new Uint8Array(4);v.readPixels(0,0,1,1,v.RGBA,v.UNSIGNED_BYTE,f),d(v.getError()).toBe(v.NO_ERROR),v.bindVertexArray(null),v.deleteVertexArray(s),v.deleteBuffer(c),v.deleteProgram(o),v.bindFramebuffer(v.FRAMEBUFFER,t),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,null,0),v.bindFramebuffer(v.FRAMEBUFFER,r),v.framebufferTexture2D(v.FRAMEBUFFER,v.COLOR_ATTACHMENT0,v.TEXTURE_2D,null,0),v.bindFramebuffer(v.FRAMEBUFFER,null),v.deleteTexture(n),v.deleteTexture(a),v.deleteFramebuffer(t),v.deleteFramebuffer(r),d(u[0]).toBe(0),d(u[1]).toBe(255),d(u[2]).toBe(0),d(u[3]).toBe(255),d(f[0]).toBe(0),d(f[1]).toBe(255),d(f[2]).toBe(0),d(f[3]).toBe(255)})}),await u(`WebGL2 bufferSubData with UNIFORM_BUFFER`,async()=>{l(async()=>{p.make_current()}),await f(`bufferSubData with UNIFORM_BUFFER target returns NO_ERROR`,async()=>{let e=35345,t=v.createBuffer();v.bindBuffer(e,t),v.bufferData(e,new Float32Array([1,0,0,1]),v.STATIC_DRAW),d(v.getError()).toBe(v.NO_ERROR),v.bufferSubData(e,0,new Float32Array([0,1,0,1])),d(v.getError()).toBe(v.NO_ERROR),v.bindBuffer(e,null),v.deleteBuffer(t)})}),b.destroy()})};export{v as default};