@gjsify/webgl 0.3.16 → 0.3.17

package/lib/esm/conformance/rendering.spec.js

@@ -1,526 +1,19 @@
-import { destroyTestFBO, destroyTestFBOWithDepth, drawTriangle, makeProgram, makeTestFBO, makeTestFBOWithDepth, pixelClose } from "../test-utils.js";
-import { createGLSetup } from "./setup.js";
-import { beforeEach, describe, expect, it, on } from "@gjsify/unit";
-
-//#region src/ts/conformance/rendering.spec.ts
-const VS = `
+import{destroyTestFBO as e,destroyTestFBOWithDepth as t,drawTriangle as n,makeProgram as r,makeTestFBO as i,makeTestFBOWithDepth as a,pixelClose as o}from"../test-utils.js";import{createGLSetup as s}from"./setup.js";import{beforeEach as c,describe as l,expect as u,it as d,on as f}from"@gjsify/unit";const p=`
     precision mediump float;
     attribute vec2 position;
-    void main() { gl_Position = vec4(position, 0.0, 1.0); }`;
-const VS_DEPTH = `
+    void main() { gl_Position = vec4(position, 0.0, 1.0); }`,m=`
     attribute vec2 position;
     uniform float depth;
-    void main() { gl_Position = vec4(position, depth, 1.0); }`;
-const FS_COLOR = `
+    void main() { gl_Position = vec4(position, depth, 1.0); }`,h=`
     precision mediump float;
     uniform vec4 color;
-    void main() { gl_FragColor = color; }`;
-var rendering_spec_default = async () => {
-	await on("Display", async () => {
-		const setup = createGLSetup();
-		if (!setup) {
-			console.warn("WebGL context not available — skipping conformance/rendering tests");
-			return;
-		}
-		const { gl, glArea } = setup;
-		glArea.make_current();
-		await describe("rendering/blending", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			const W = 2, H = 2;
-			function runBlendTest(t) {
-				const fbo = makeTestFBO(gl, W, H);
-				const fsSrc = `
+    void main() { gl_FragColor = color; }`;var g=async()=>{await f(`Display`,async()=>{let f=s();if(!f){console.warn(`WebGL context not available — skipping conformance/rendering tests`);return}let{gl:g,glArea:_}=f;_.make_current(),await l(`rendering/blending`,async()=>{c(async()=>{_.make_current()});function t(t){let a=i(g,2,2),s=`
                     precision mediump float;
-                    void main() { gl_FragColor = vec4(${t.srcColor[0]},${t.srcColor[1]},${t.srcColor[2]},${t.srcColor[3]}); }`;
-				gl.clearColor(t.dstColor[0], t.dstColor[1], t.dstColor[2], t.dstColor[3]);
-				gl.clear(gl.COLOR_BUFFER_BIT);
-				const prog = makeProgram(gl, VS, fsSrc);
-				gl.useProgram(prog);
-				gl.enable(gl.BLEND);
-				gl.blendEquation(t.equation);
-				gl.blendFunc(t.srcFactor, t.dstFactor);
-				drawTriangle(gl);
-				gl.disable(gl.BLEND);
-				const pixels = new Uint8Array(W * H * 4);
-				gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
-				destroyTestFBO(gl, fbo);
-				const expected255 = t.expected.map((v) => Math.round(v * 255));
-				for (let i = 0; i < W * H * 4; i += 4) {
-					if (!pixelClose(pixels.subarray(i, i + 4), expected255, 4)) {
-						return false;
-					}
-				}
-				return true;
-			}
-			await it("FUNC_ADD ONE ONE: dst=[0.5,0.5,0.5,1] + src=[0.5,0.5,0.5,1] = [1,1,1,1]", async () => {
-				expect(runBlendTest({
-					name: "ADD ONE ONE",
-					equation: gl.FUNC_ADD,
-					srcFactor: gl.ONE,
-					dstFactor: gl.ONE,
-					dstColor: [
-						.5,
-						.5,
-						.5,
-						1
-					],
-					srcColor: [
-						.5,
-						.5,
-						.5,
-						1
-					],
-					expected: [
-						1,
-						1,
-						1,
-						1
-					]
-				})).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-			await it("FUNC_ADD ONE ZERO: dst=[0.5,0.5,0.5,0.5] + src=[0.2,0.2,0.2,1] = [0.2,0.2,0.2,1]", async () => {
-				expect(runBlendTest({
-					name: "ADD ONE ZERO",
-					equation: gl.FUNC_ADD,
-					srcFactor: gl.ONE,
-					dstFactor: gl.ZERO,
-					dstColor: [
-						.5,
-						.5,
-						.5,
-						.5
-					],
-					srcColor: [
-						.2,
-						.2,
-						.2,
-						1
-					],
-					expected: [
-						.2,
-						.2,
-						.2,
-						1
-					]
-				})).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-			await it("FUNC_ADD ZERO SRC_COLOR: dst=[0.8,0.8,0.8,1] * src=[0.5,0.5,0.5,0.5] = [0.4,0.4,0.4,0.5]", async () => {
-				expect(runBlendTest({
-					name: "ADD ZERO SRC_COLOR",
-					equation: gl.FUNC_ADD,
-					srcFactor: gl.ZERO,
-					dstFactor: gl.SRC_COLOR,
-					dstColor: [
-						.8,
-						.8,
-						.8,
-						1
-					],
-					srcColor: [
-						.5,
-						.5,
-						.5,
-						.5
-					],
-					expected: [
-						.4,
-						.4,
-						.4,
-						.5
-					]
-				})).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-			await it("FUNC_ADD DST_COLOR ZERO: dst=[0.8,0.8,0.8,1] src=[0.5,0.5,0.5,0.5] = [0.4,0.4,0.4,0.5]", async () => {
-				expect(runBlendTest({
-					name: "ADD DST_COLOR ZERO",
-					equation: gl.FUNC_ADD,
-					srcFactor: gl.DST_COLOR,
-					dstFactor: gl.ZERO,
-					dstColor: [
-						.8,
-						.8,
-						.8,
-						1
-					],
-					srcColor: [
-						.5,
-						.5,
-						.5,
-						.5
-					],
-					expected: [
-						.4,
-						.4,
-						.4,
-						.5
-					]
-				})).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-			await it("FUNC_ADD SRC_ALPHA ONE_MINUS_SRC_ALPHA: alpha=0.5 blend", async () => {
-				expect(runBlendTest({
-					name: "ADD SRC_ALPHA ONE_MINUS_SRC_ALPHA",
-					equation: gl.FUNC_ADD,
-					srcFactor: gl.SRC_ALPHA,
-					dstFactor: gl.ONE_MINUS_SRC_ALPHA,
-					dstColor: [
-						.5,
-						0,
-						.5,
-						1
-					],
-					srcColor: [
-						.5,
-						1,
-						0,
-						.5
-					],
-					expected: [
-						.5,
-						.5,
-						.25,
-						.75
-					]
-				})).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-		});
-		await describe("rendering/depth-buffer", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("DEPTH_TEST NOTEQUAL: both passes render because depths differ", async () => {
-				const W = 50, H = 50;
-				const fbo = makeTestFBOWithDepth(gl, W, H);
-				gl.clearColor(0, 0, 0, 0);
-				gl.clearDepth(1);
-				gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-				gl.enable(gl.DEPTH_TEST);
-				gl.depthFunc(gl.NOTEQUAL);
-				const prog = makeProgram(gl, VS_DEPTH, FS_COLOR);
-				gl.useProgram(prog);
-				gl.uniform1f(gl.getUniformLocation(prog, "depth"), 0);
-				gl.uniform4f(gl.getUniformLocation(prog, "color"), 1, 0, 0, 1);
-				drawTriangle(gl);
-				gl.uniform1f(gl.getUniformLocation(prog, "depth"), 1);
-				gl.uniform4f(gl.getUniformLocation(prog, "color"), 0, 1, 0, 1);
-				drawTriangle(gl);
-				gl.disable(gl.DEPTH_TEST);
-				const pixels = new Uint8Array(W * H * 4);
-				gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
-				destroyTestFBOWithDepth(gl, fbo);
-				let allGreen = true;
-				for (let i = 0; i < W * H * 4; i += 4) {
-					if (!pixelClose(pixels.subarray(i, i + 4), [
-						0,
-						255,
-						0,
-						255
-					], 3)) {
-						allGreen = false;
-						break;
-					}
-				}
-				expect(allGreen).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-			await it("DEPTH_TEST LESS: closer triangle overwrites farther", async () => {
-				const W = 20, H = 20;
-				const fbo = makeTestFBOWithDepth(gl, W, H);
-				gl.clearColor(0, 0, 0, 0);
-				gl.clearDepth(1);
-				gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-				gl.enable(gl.DEPTH_TEST);
-				gl.depthFunc(gl.LESS);
-				const prog = makeProgram(gl, VS_DEPTH, FS_COLOR);
-				gl.useProgram(prog);
-				gl.uniform1f(gl.getUniformLocation(prog, "depth"), .5);
-				gl.uniform4f(gl.getUniformLocation(prog, "color"), 0, 0, 1, 1);
-				drawTriangle(gl);
-				gl.uniform1f(gl.getUniformLocation(prog, "depth"), .25);
-				gl.uniform4f(gl.getUniformLocation(prog, "color"), 0, 1, 0, 1);
-				drawTriangle(gl);
-				gl.uniform1f(gl.getUniformLocation(prog, "depth"), .75);
-				gl.uniform4f(gl.getUniformLocation(prog, "color"), 1, 0, 0, 1);
-				drawTriangle(gl);
-				gl.disable(gl.DEPTH_TEST);
-				const pixels = new Uint8Array(W * H * 4);
-				gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
-				destroyTestFBOWithDepth(gl, fbo);
-				let allGreen = true;
-				for (let i = 0; i < W * H * 4; i += 4) {
-					if (!pixelClose(pixels.subarray(i, i + 4), [
-						0,
-						255,
-						0,
-						255
-					], 3)) {
-						allGreen = false;
-						break;
-					}
-				}
-				expect(allGreen).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-			await it("depthMask(false) prevents depth writes", async () => {
-				const W = 10, H = 10;
-				const fbo = makeTestFBOWithDepth(gl, W, H);
-				gl.clearColor(0, 0, 0, 0);
-				gl.clearDepth(1);
-				gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-				gl.enable(gl.DEPTH_TEST);
-				gl.depthFunc(gl.LESS);
-				const prog = makeProgram(gl, VS_DEPTH, FS_COLOR);
-				gl.useProgram(prog);
-				gl.depthMask(false);
-				gl.uniform1f(gl.getUniformLocation(prog, "depth"), .5);
-				gl.uniform4f(gl.getUniformLocation(prog, "color"), 1, 0, 0, 1);
-				drawTriangle(gl);
-				gl.depthMask(true);
-				gl.uniform1f(gl.getUniformLocation(prog, "depth"), .75);
-				gl.uniform4f(gl.getUniformLocation(prog, "color"), 0, 1, 0, 1);
-				drawTriangle(gl);
-				gl.disable(gl.DEPTH_TEST);
-				const pixels = new Uint8Array(W * H * 4);
-				gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
-				destroyTestFBOWithDepth(gl, fbo);
-				let allGreen = true;
-				for (let i = 0; i < W * H * 4; i += 4) {
-					if (!pixelClose(pixels.subarray(i, i + 4), [
-						0,
-						255,
-						0,
-						255
-					], 3)) {
-						allGreen = false;
-						break;
-					}
-				}
-				expect(allGreen).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-		});
-		await describe("rendering/scissor", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("scissor test clips rendering to specified rectangle", async () => {
-				const W = 20, H = 20;
-				const fbo = makeTestFBO(gl, W, H);
-				gl.clearColor(1, 0, 0, 1);
-				gl.clear(gl.COLOR_BUFFER_BIT);
-				gl.enable(gl.SCISSOR_TEST);
-				gl.scissor(0, 0, W / 2, H);
-				gl.clearColor(0, 1, 0, 1);
-				gl.clear(gl.COLOR_BUFFER_BIT);
-				gl.disable(gl.SCISSOR_TEST);
-				const pixels = new Uint8Array(W * H * 4);
-				gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
-				destroyTestFBO(gl, fbo);
-				let ok = true;
-				for (let y = 0; y < H; y++) {
-					for (let x = 0; x < W; x++) {
-						const i = (y * W + x) * 4;
-						const pix = pixels.subarray(i, i + 4);
-						if (x < W / 2) {
-							if (!pixelClose(pix, [
-								0,
-								255,
-								0,
-								255
-							])) {
-								ok = false;
-								break;
-							}
-						} else {
-							if (!pixelClose(pix, [
-								255,
-								0,
-								0,
-								255
-							])) {
-								ok = false;
-								break;
-							}
-						}
-					}
-					if (!ok) break;
-				}
-				expect(ok).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-		});
-		await describe("rendering/mapbox-ansis", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("depthRange: green at range(0,0.1) survives blue at range(0.9,1) with LEQUAL", async () => {
-				const W = 4, H = 4;
-				const vsSrc = `
+                    void main() { gl_FragColor = vec4(${t.srcColor[0]},${t.srcColor[1]},${t.srcColor[2]},${t.srcColor[3]}); }`;g.clearColor(t.dstColor[0],t.dstColor[1],t.dstColor[2],t.dstColor[3]),g.clear(g.COLOR_BUFFER_BIT);let c=r(g,p,s);g.useProgram(c),g.enable(g.BLEND),g.blendEquation(t.equation),g.blendFunc(t.srcFactor,t.dstFactor),n(g),g.disable(g.BLEND);let l=new Uint8Array(16);g.readPixels(0,0,2,2,g.RGBA,g.UNSIGNED_BYTE,l),e(g,a);let u=t.expected.map(e=>Math.round(e*255));for(let e=0;e<16;e+=4)if(!o(l.subarray(e,e+4),u,4))return!1;return!0}await d(`FUNC_ADD ONE ONE: dst=[0.5,0.5,0.5,1] + src=[0.5,0.5,0.5,1] = [1,1,1,1]`,async()=>{u(t({name:`ADD ONE ONE`,equation:g.FUNC_ADD,srcFactor:g.ONE,dstFactor:g.ONE,dstColor:[.5,.5,.5,1],srcColor:[.5,.5,.5,1],expected:[1,1,1,1]})).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)}),await d(`FUNC_ADD ONE ZERO: dst=[0.5,0.5,0.5,0.5] + src=[0.2,0.2,0.2,1] = [0.2,0.2,0.2,1]`,async()=>{u(t({name:`ADD ONE ZERO`,equation:g.FUNC_ADD,srcFactor:g.ONE,dstFactor:g.ZERO,dstColor:[.5,.5,.5,.5],srcColor:[.2,.2,.2,1],expected:[.2,.2,.2,1]})).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)}),await d(`FUNC_ADD ZERO SRC_COLOR: dst=[0.8,0.8,0.8,1] * src=[0.5,0.5,0.5,0.5] = [0.4,0.4,0.4,0.5]`,async()=>{u(t({name:`ADD ZERO SRC_COLOR`,equation:g.FUNC_ADD,srcFactor:g.ZERO,dstFactor:g.SRC_COLOR,dstColor:[.8,.8,.8,1],srcColor:[.5,.5,.5,.5],expected:[.4,.4,.4,.5]})).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)}),await d(`FUNC_ADD DST_COLOR ZERO: dst=[0.8,0.8,0.8,1] src=[0.5,0.5,0.5,0.5] = [0.4,0.4,0.4,0.5]`,async()=>{u(t({name:`ADD DST_COLOR ZERO`,equation:g.FUNC_ADD,srcFactor:g.DST_COLOR,dstFactor:g.ZERO,dstColor:[.8,.8,.8,1],srcColor:[.5,.5,.5,.5],expected:[.4,.4,.4,.5]})).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)}),await d(`FUNC_ADD SRC_ALPHA ONE_MINUS_SRC_ALPHA: alpha=0.5 blend`,async()=>{u(t({name:`ADD SRC_ALPHA ONE_MINUS_SRC_ALPHA`,equation:g.FUNC_ADD,srcFactor:g.SRC_ALPHA,dstFactor:g.ONE_MINUS_SRC_ALPHA,dstColor:[.5,0,.5,1],srcColor:[.5,1,0,.5],expected:[.5,.5,.25,.75]})).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)})}),await l(`rendering/depth-buffer`,async()=>{c(async()=>{_.make_current()}),await d(`DEPTH_TEST NOTEQUAL: both passes render because depths differ`,async()=>{let e=a(g,50,50);g.clearColor(0,0,0,0),g.clearDepth(1),g.clear(g.COLOR_BUFFER_BIT|g.DEPTH_BUFFER_BIT),g.enable(g.DEPTH_TEST),g.depthFunc(g.NOTEQUAL);let i=r(g,m,h);g.useProgram(i),g.uniform1f(g.getUniformLocation(i,`depth`),0),g.uniform4f(g.getUniformLocation(i,`color`),1,0,0,1),n(g),g.uniform1f(g.getUniformLocation(i,`depth`),1),g.uniform4f(g.getUniformLocation(i,`color`),0,1,0,1),n(g),g.disable(g.DEPTH_TEST);let s=new Uint8Array(2500*4);g.readPixels(0,0,50,50,g.RGBA,g.UNSIGNED_BYTE,s),t(g,e);let c=!0;for(let e=0;e<2500*4;e+=4)if(!o(s.subarray(e,e+4),[0,255,0,255],3)){c=!1;break}u(c).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)}),await d(`DEPTH_TEST LESS: closer triangle overwrites farther`,async()=>{let e=a(g,20,20);g.clearColor(0,0,0,0),g.clearDepth(1),g.clear(g.COLOR_BUFFER_BIT|g.DEPTH_BUFFER_BIT),g.enable(g.DEPTH_TEST),g.depthFunc(g.LESS);let i=r(g,m,h);g.useProgram(i),g.uniform1f(g.getUniformLocation(i,`depth`),.5),g.uniform4f(g.getUniformLocation(i,`color`),0,0,1,1),n(g),g.uniform1f(g.getUniformLocation(i,`depth`),.25),g.uniform4f(g.getUniformLocation(i,`color`),0,1,0,1),n(g),g.uniform1f(g.getUniformLocation(i,`depth`),.75),g.uniform4f(g.getUniformLocation(i,`color`),1,0,0,1),n(g),g.disable(g.DEPTH_TEST);let s=new Uint8Array(400*4);g.readPixels(0,0,20,20,g.RGBA,g.UNSIGNED_BYTE,s),t(g,e);let c=!0;for(let e=0;e<400*4;e+=4)if(!o(s.subarray(e,e+4),[0,255,0,255],3)){c=!1;break}u(c).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)}),await d(`depthMask(false) prevents depth writes`,async()=>{let e=a(g,10,10);g.clearColor(0,0,0,0),g.clearDepth(1),g.clear(g.COLOR_BUFFER_BIT|g.DEPTH_BUFFER_BIT),g.enable(g.DEPTH_TEST),g.depthFunc(g.LESS);let i=r(g,m,h);g.useProgram(i),g.depthMask(!1),g.uniform1f(g.getUniformLocation(i,`depth`),.5),g.uniform4f(g.getUniformLocation(i,`color`),1,0,0,1),n(g),g.depthMask(!0),g.uniform1f(g.getUniformLocation(i,`depth`),.75),g.uniform4f(g.getUniformLocation(i,`color`),0,1,0,1),n(g),g.disable(g.DEPTH_TEST);let s=new Uint8Array(400);g.readPixels(0,0,10,10,g.RGBA,g.UNSIGNED_BYTE,s),t(g,e);let c=!0;for(let e=0;e<400;e+=4)if(!o(s.subarray(e,e+4),[0,255,0,255],3)){c=!1;break}u(c).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)})}),await l(`rendering/scissor`,async()=>{c(async()=>{_.make_current()}),await d(`scissor test clips rendering to specified rectangle`,async()=>{let t=i(g,20,20);g.clearColor(1,0,0,1),g.clear(g.COLOR_BUFFER_BIT),g.enable(g.SCISSOR_TEST),g.scissor(0,0,20/2,20),g.clearColor(0,1,0,1),g.clear(g.COLOR_BUFFER_BIT),g.disable(g.SCISSOR_TEST);let n=new Uint8Array(400*4);g.readPixels(0,0,20,20,g.RGBA,g.UNSIGNED_BYTE,n),e(g,t);let r=!0;for(let e=0;e<20;e++){for(let t=0;t<20;t++){let i=(e*20+t)*4,a=n.subarray(i,i+4);if(t<20/2){if(!o(a,[0,255,0,255])){r=!1;break}}else if(!o(a,[255,0,0,255])){r=!1;break}}if(!r)break}u(r).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)})}),await l(`rendering/mapbox-ansis`,async()=>{c(async()=>{_.make_current()}),await d(`depthRange: green at range(0,0.1) survives blue at range(0.9,1) with LEQUAL`,async()=>{let e=g.createFramebuffer(),t=g.createTexture();g.bindTexture(g.TEXTURE_2D,t),g.texImage2D(g.TEXTURE_2D,0,g.RGBA,4,4,0,g.RGBA,g.UNSIGNED_BYTE,null),g.texParameteri(g.TEXTURE_2D,g.TEXTURE_MIN_FILTER,g.NEAREST),g.texParameteri(g.TEXTURE_2D,g.TEXTURE_MAG_FILTER,g.NEAREST),g.bindTexture(g.TEXTURE_2D,null);let n=g.createRenderbuffer();g.bindRenderbuffer(g.RENDERBUFFER,n),g.renderbufferStorage(g.RENDERBUFFER,g.DEPTH_COMPONENT16,4,4),g.bindRenderbuffer(g.RENDERBUFFER,null),g.bindFramebuffer(g.FRAMEBUFFER,e),g.framebufferTexture2D(g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,t,0),g.framebufferRenderbuffer(g.FRAMEBUFFER,g.DEPTH_ATTACHMENT,g.RENDERBUFFER,n),g.viewport(0,0,4,4),g.clearColor(1,0,0,1),g.clearDepth(1),g.clear(g.COLOR_BUFFER_BIT|g.DEPTH_BUFFER_BIT),g.enable(g.DEPTH_TEST),g.depthFunc(g.LEQUAL);let i=r(g,`
                     precision mediump float;
                     uniform float u_z;
                     attribute vec2 a_position;
-                    void main() { gl_Position = vec4(a_position, u_z, 1.0); }`;
-				const fsSrc = `
+                    void main() { gl_Position = vec4(a_position, u_z, 1.0); }`,`
                     precision mediump float;
                     uniform vec4 u_color;
-                    void main() { gl_FragColor = u_color; }`;
-				const fb = gl.createFramebuffer();
-				const colorTex = gl.createTexture();
-				gl.bindTexture(gl.TEXTURE_2D, colorTex);
-				gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-				gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
-				gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
-				gl.bindTexture(gl.TEXTURE_2D, null);
-				const depthRb = gl.createRenderbuffer();
-				gl.bindRenderbuffer(gl.RENDERBUFFER, depthRb);
-				gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, W, H);
-				gl.bindRenderbuffer(gl.RENDERBUFFER, null);
-				gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
-				gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, colorTex, 0);
-				gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthRb);
-				gl.viewport(0, 0, W, H);
-				gl.clearColor(1, 0, 0, 1);
-				gl.clearDepth(1);
-				gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-				gl.enable(gl.DEPTH_TEST);
-				gl.depthFunc(gl.LEQUAL);
-				const prog = makeProgram(gl, vsSrc, fsSrc);
-				gl.useProgram(prog);
-				const buf = gl.createBuffer();
-				gl.bindBuffer(gl.ARRAY_BUFFER, buf);
-				gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
-					-1,
-					-1,
-					1,
-					-1,
-					-1,
-					1,
-					-1,
-					1,
-					1,
-					-1,
-					1,
-					1
-				]), gl.STATIC_DRAW);
-				const aPos = gl.getAttribLocation(prog, "a_position");
-				gl.enableVertexAttribArray(aPos);
-				gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 0, 0);
-				const uColor = gl.getUniformLocation(prog, "u_color");
-				const uZ = gl.getUniformLocation(prog, "u_z");
-				gl.uniform1f(uZ, .5);
-				gl.uniform4fv(uColor, [
-					0,
-					1,
-					0,
-					1
-				]);
-				gl.depthRange(0, .1);
-				gl.drawArrays(gl.TRIANGLES, 0, 6);
-				gl.uniform1f(uZ, .5);
-				gl.uniform4fv(uColor, [
-					0,
-					0,
-					1,
-					1
-				]);
-				gl.depthRange(.9, 1);
-				gl.drawArrays(gl.TRIANGLES, 0, 6);
-				gl.depthRange(0, 1);
-				gl.disable(gl.DEPTH_TEST);
-				const pixels = new Uint8Array(W * H * 4);
-				gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
-				gl.bindBuffer(gl.ARRAY_BUFFER, null);
-				gl.deleteBuffer(buf);
-				gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
-				gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, null, 0);
-				gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, null);
-				gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-				gl.deleteTexture(colorTex);
-				gl.deleteRenderbuffer(depthRb);
-				gl.deleteFramebuffer(fb);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-				let allGreen = true;
-				for (let i = 0; i < W * H * 4; i += 4) {
-					if (pixels[i] !== 0 || pixels[i + 1] !== 255 || pixels[i + 2] !== 0 || pixels[i + 3] !== 255) {
-						allGreen = false;
-						break;
-					}
-				}
-				expect(allGreen).toBe(true);
-			});
-		});
-		await describe("rendering/viewport", async () => {
-			beforeEach(async () => {
-				glArea.make_current();
-			});
-			await it("viewport restricts rendering region", async () => {
-				const W = 20, H = 20;
-				const fbo = makeTestFBO(gl, W, H);
-				gl.clearColor(1, 0, 0, 1);
-				gl.clear(gl.COLOR_BUFFER_BIT);
-				const HW = W / 2;
-				gl.viewport(0, 0, HW, H / 2);
-				const fsGreen = `precision mediump float; void main() { gl_FragColor = vec4(0,1,0,1); }`;
-				const prog = makeProgram(gl, VS, fsGreen);
-				gl.useProgram(prog);
-				drawTriangle(gl);
-				gl.viewport(0, 0, W, H);
-				const pixels = new Uint8Array(W * H * 4);
-				gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
-				destroyTestFBO(gl, fbo);
-				let ok = true;
-				for (let y = 0; y < H; y++) {
-					for (let x = 0; x < W; x++) {
-						const i = (y * W + x) * 4;
-						const pix = pixels.subarray(i, i + 4);
-						if (x < HW && y < H / 2) {
-							if (!pixelClose(pix, [
-								0,
-								255,
-								0,
-								255
-							])) {
-								ok = false;
-								break;
-							}
-						} else {
-							if (!pixelClose(pix, [
-								255,
-								0,
-								0,
-								255
-							])) {
-								ok = false;
-								break;
-							}
-						}
-					}
-					if (!ok) break;
-				}
-				expect(ok).toBe(true);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-			await it("getParameter(VIEWPORT) returns current viewport", async () => {
-				const fbo = makeTestFBO(gl, 16, 16);
-				gl.viewport(2, 3, 10, 12);
-				const v = gl.getParameter(gl.VIEWPORT);
-				expect(v[0]).toBe(2);
-				expect(v[1]).toBe(3);
-				expect(v[2]).toBe(10);
-				expect(v[3]).toBe(12);
-				gl.viewport(0, 0, 16, 16);
-				destroyTestFBO(gl, fbo);
-				expect(gl.getError()).toBe(gl.NO_ERROR);
-			});
-		});
-	});
-};
-
-//#endregion
-export { rendering_spec_default as default };
+                    void main() { gl_FragColor = u_color; }`);g.useProgram(i);let a=g.createBuffer();g.bindBuffer(g.ARRAY_BUFFER,a),g.bufferData(g.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),g.STATIC_DRAW);let o=g.getAttribLocation(i,`a_position`);g.enableVertexAttribArray(o),g.vertexAttribPointer(o,2,g.FLOAT,!1,0,0);let s=g.getUniformLocation(i,`u_color`),c=g.getUniformLocation(i,`u_z`);g.uniform1f(c,.5),g.uniform4fv(s,[0,1,0,1]),g.depthRange(0,.1),g.drawArrays(g.TRIANGLES,0,6),g.uniform1f(c,.5),g.uniform4fv(s,[0,0,1,1]),g.depthRange(.9,1),g.drawArrays(g.TRIANGLES,0,6),g.depthRange(0,1),g.disable(g.DEPTH_TEST);let l=new Uint8Array(64);g.readPixels(0,0,4,4,g.RGBA,g.UNSIGNED_BYTE,l),g.bindBuffer(g.ARRAY_BUFFER,null),g.deleteBuffer(a),g.bindFramebuffer(g.FRAMEBUFFER,e),g.framebufferTexture2D(g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,null,0),g.framebufferRenderbuffer(g.FRAMEBUFFER,g.DEPTH_ATTACHMENT,g.RENDERBUFFER,null),g.bindFramebuffer(g.FRAMEBUFFER,null),g.deleteTexture(t),g.deleteRenderbuffer(n),g.deleteFramebuffer(e),u(g.getError()).toBe(g.NO_ERROR);let d=!0;for(let e=0;e<64;e+=4)if(l[e]!==0||l[e+1]!==255||l[e+2]!==0||l[e+3]!==255){d=!1;break}u(d).toBe(!0)})}),await l(`rendering/viewport`,async()=>{c(async()=>{_.make_current()}),await d(`viewport restricts rendering region`,async()=>{let t=i(g,20,20);g.clearColor(1,0,0,1),g.clear(g.COLOR_BUFFER_BIT),g.viewport(0,0,10,20/2);let a=r(g,p,`precision mediump float; void main() { gl_FragColor = vec4(0,1,0,1); }`);g.useProgram(a),n(g),g.viewport(0,0,20,20);let s=new Uint8Array(400*4);g.readPixels(0,0,20,20,g.RGBA,g.UNSIGNED_BYTE,s),e(g,t);let c=!0;for(let e=0;e<20;e++){for(let t=0;t<20;t++){let n=(e*20+t)*4,r=s.subarray(n,n+4);if(t<10&&e<20/2){if(!o(r,[0,255,0,255])){c=!1;break}}else if(!o(r,[255,0,0,255])){c=!1;break}}if(!c)break}u(c).toBe(!0),u(g.getError()).toBe(g.NO_ERROR)}),await d(`getParameter(VIEWPORT) returns current viewport`,async()=>{let t=i(g,16,16);g.viewport(2,3,10,12);let n=g.getParameter(g.VIEWPORT);u(n[0]).toBe(2),u(n[1]).toBe(3),u(n[2]).toBe(10),u(n[3]).toBe(12),g.viewport(0,0,16,16),e(g,t),u(g.getError()).toBe(g.NO_ERROR)})})})};export{g as default};

package/lib/esm/conformance/setup.js

@@ -1,47 +1 @@
-import { WebGLBridge } from "@gjsify/webgl";
-import GLib from "@girs/glib-2.0";
-import Gtk from "@girs/gtk-4.0";
-
-//#region src/ts/conformance/setup.ts
-/**
-* Synchronously initialises a GTK window + WebGLBridge and blocks until
-* the GL context is ready (or 10 s timeout).
-* Returns null when no display is available.
-*/
-function createGLSetup() {
-	Gtk.init();
-	let result = null;
-	const readyLoop = new GLib.MainLoop(null, false);
-	const win = new Gtk.Window({});
-	win.set_default_size(200, 200);
-	const glArea = new WebGLBridge();
-	glArea.onReady((canvas, g) => {
-		try {
-			const gl = g;
-			let gl2 = null;
-			try {
-				gl2 = canvas.getContext("webgl2");
-			} catch (_) {}
-			result = {
-				gl,
-				gl2,
-				glArea,
-				win
-			};
-		} finally {
-			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);
-	return result;
-}
-
-//#endregion
-export { createGLSetup };
+import{WebGLBridge as e}from"@gjsify/webgl";import t from"@girs/glib-2.0";import n from"@girs/gtk-4.0";function r(){n.init();let r=null,i=new t.MainLoop(null,!1),a=new n.Window({});a.set_default_size(200,200);let o=new e;o.onReady((e,t)=>{try{let n=t,i=null;try{i=e.getContext(`webgl2`)}catch{}r={gl:n,gl2:i,glArea:o,win:a}}finally{i.quit()}}),a.set_child(o),a.present();let s=t.timeout_add(t.PRIORITY_DEFAULT,1e4,()=>(i.quit(),t.SOURCE_REMOVE));return i.run(),t.source_remove(s),r}export{r as createGLSetup};