diff options
Diffstat (limited to '')
| -rw-r--r-- | dom/canvas/test/webgl-conf/checkout/conformance/textures/misc/texture-formats-test.html | 274 |
1 files changed, 274 insertions, 0 deletions
diff --git a/dom/canvas/test/webgl-conf/checkout/conformance/textures/misc/texture-formats-test.html b/dom/canvas/test/webgl-conf/checkout/conformance/textures/misc/texture-formats-test.html new file mode 100644 index 0000000000..863ab53a0b --- /dev/null +++ b/dom/canvas/test/webgl-conf/checkout/conformance/textures/misc/texture-formats-test.html @@ -0,0 +1,274 @@ +<!-- +Copyright (c) 2019 The Khronos Group Inc. +Use of this source code is governed by an MIT-style license that can be +found in the LICENSE.txt file. +--> + +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>WebGL Texture Format Conformance Tests</title> +<link rel="stylesheet" href="../../../resources/js-test-style.css"/> +<script src="../../../js/desktop-gl-constants.js"></script> +<script src="../../../js/js-test-pre.js"></script> +<script src="../../../js/webgl-test-utils.js"></script> +</head> +<body> +<div id="description"></div> +<div id="console"></div> +<canvas id="canvas2d" width="2" height="2" style="width: 50px; height: 50px; border: 1px solid black;"></canvas> +<canvas id="canvas" width="2" height="2" style="width: 100px; height:100px; border: 1px solid black;"></canvas> +<script> +"use strict"; +description("This test ensures WebGL implementations allow the OpenGL ES 2.0 texture formats and do not allow DesktopGL texture formats."); + +debug(""); +debug("Canvas.getContext"); + +var wtu = WebGLTestUtils; +var gl = wtu.create3DContext("canvas"); +if (!gl) { + testFailed("context does not exist"); +} else { + testPassed("context exists"); + + debug(""); + debug("Checking texture formats."); + + var createTexture = function(internalFormat, format, opt_border) { + var border = (opt_border === undefined) ? 0 : opt_border; + var tex = gl.createTexture(); + gl.bindTexture(gl.TEXTURE_2D, tex); + gl.texImage2D(gl.TEXTURE_2D, + 0, // level + internalFormat, // internalFormat + 16, // width + 16, // height + border, // border + format, // format + gl.UNSIGNED_BYTE, // type + null); // data + } + + var testValidFormat = function(internalFormat, formatName) { + createTexture(internalFormat, internalFormat); + wtu.glErrorShouldBe(gl, gl.NO_ERROR, + "was able to create texture of " + formatName); + } + + var testInvalidFormat = function(internalFormat, formatName) { + createTexture(internalFormat, internalFormat); + var err = gl.getError(); + if (err == gl.NO_ERROR) { + testFailed("should NOT be able to create texture of type " + formatName); + } else if (err == gl.INVALID_ENUM || err == gl.INVALID_VALUE) { + testPassed("not able to create invalid format: " + formatName); + } + } + + var invalidEnums = [ + '1', + '2', + '3', + '4', + 'RGB4', + 'RGB5', + 'RGB8', + 'RGB10', + 'RGB12', + 'RGB16', + 'RGBA2', + 'RGBA4', + 'RGB5_A1', + 'RGBA8', + 'RGB10_A2', + 'RGBA12', + 'RGBA16', + 'BGR', + 'BGRA', + 'ALPHA4_EXT', + 'ALPHA8_EXT', + 'ALPHA12_EXT', + 'ALPHA16_EXT', + 'COMPRESSED_ALPHA', + 'COMPRESSED_LUMINANCE', + 'COMPRESSED_LUMINANCE_ALPHA', + 'COMPRESSED_INTENSITY', + 'COMPRESSED_RGB', + 'COMPRESSED_RGBA', + 'DEPTH_COMPONENT16', + 'DEPTH_COMPONENT24', + 'DEPTH_COMPONENT32', + 'LUMINANCE4_EXT', + 'LUMINANCE8_EXT', + 'LUMINANCE12_EXT', + 'LUMINANCE16_EXT', + 'LUMINANCE4_ALPHA4_EXT', + 'LUMINANCE6_ALPHA2_EXT', + 'LUMINANCE8_ALPHA8_EXT', + 'LUMINANCE12_ALPHA4_EXT', + 'LUMINANCE12_ALPHA12_EXT', + 'LUMINANCE16_ALPHA16_EXT', + 'INTENSITY_EXT', + 'INTENSITY4_EXT', + 'INTENSITY8_EXT', + 'INTENSITY12_EXT', + 'INTENSITY16_EXT', + 'RGB4_EXT', + 'RGB5_EXT', + 'RGB8_EXT', + 'RGB10_EXT', + 'RGB12_EXT', + 'RGB16_EXT', + 'RGBA2_EXT', + 'RGBA4_EXT', + 'RGB5_A1_EXT', + 'RGBA8_EXT', + 'RGB10_A2_EXT', + 'RGBA12_EXT', + 'RGBA16_EXT', + 'SLUMINANCE_EXT', + 'SLUMINANCE8_EXT', + 'SLUMINANCE_ALPHA_EXT', + 'SLUMINANCE8_ALPHA8_EXT', + 'SRGB_EXT', + 'SRGB8_EXT', + 'SRGB_ALPHA_EXT', + 'SRGB8_ALPHA8' + ]; + + for (var ii = 0; ii < invalidEnums.length; ++ii) { + var formatName = invalidEnums[ii] + if (desktopGL[formatName] === undefined) { + debug("bad format" + formatName) + } else { + testInvalidFormat(desktopGL[formatName], "GL_" + formatName); + } + } + + var validEnums = [ + 'ALPHA', + 'RGB', + 'RGBA', + 'LUMINANCE', + 'LUMINANCE_ALPHA' + ]; + + for (var ii = 0; ii < validEnums.length; ++ii) { + var formatName = validEnums[ii] + testValidFormat(gl[formatName], "gl." + formatName); + } + + debug(""); + debug("checking non 0 border parameter to gl.TexImage2D"); + createTexture(gl['RGBA'], gl['RGBA'], 1); + wtu.glErrorShouldBe(gl, gl.INVALID_VALUE, + "non 0 border to gl.TexImage2D should return INVALID_VALUE"); + + + var checkTypes = function() { + var tex = gl.createTexture(); + gl.bindTexture(gl.TEXTURE_2D, tex); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); + + var loc = gl.getUniformLocation(program, "tex"); + gl.uniform1i(loc, 0); + + var checkType = function(r, g, b, a, type, format, buf) { + var typeName = wtu.glEnumToString(gl, type); + var formatName = wtu.glEnumToString(gl, format); + var desc = "format: " + formatName + ", type: " + typeName; + debug(""); + debug("checking gl.texImage2D with " + desc + " and buffer type " + + buf.constructor.name); + gl.texImage2D(gl.TEXTURE_2D, + 0, // level + format, // internalFormat + 2, // width + 2, // height + 0, // border + format, // format + type, // type + buf); // data + + wtu.glErrorShouldBe(gl, gl.NO_ERROR, + "gl.texImage2D with " + desc + " should generate NO_ERROR"); + + wtu.clearAndDrawUnitQuad(gl, [255, 0, 0, 255]); + wtu.checkCanvas(gl, [r,g,b,a], + "texture " + desc + " should draw with " + + r + ", " + g + ", " + b + ", " + a); + + } + checkType( + 0, 255, 0, 255, gl.UNSIGNED_BYTE, gl.RGBA, + new Uint8Array( + [ 0, 255, 0, 255, + 0, 255, 0, 255, + 0, 255, 0, 255, + 0, 255, 0, 255])); + checkType( + 0, 255, 0, 255, gl.UNSIGNED_BYTE, gl.RGBA, + new Uint8ClampedArray( + [ 0, 255, 0, 255, + 0, 255, 0, 255, + 0, 255, 0, 255, + 0, 255, 0, 255])); + checkType( + 0, 0, 255, 255, gl.UNSIGNED_SHORT_4_4_4_4, gl.RGBA, + new Uint16Array( + [ 255, 255, + 255, 255, + 255, 255, + 255, 255])); + checkType( + 0, 255, 0, 255, gl.UNSIGNED_SHORT_5_6_5, gl.RGB, + new Uint16Array( + [ 2016, 2016, + 2016, 2016, + 2016, 2016, + 2016, 2016])); + checkType( + 0, 0, 255, 255, gl.UNSIGNED_SHORT_5_5_5_1, gl.RGBA, + new Uint16Array( + [ 63, 63, + 63, 63, + 63, 63, + 63, 63])); + checkType( + 255, 255, 255, 255, gl.UNSIGNED_BYTE, gl.LUMINANCE, + new Uint8Array([ + 255, + 255, + 255, + 255])); + checkType( + 0, 0, 0, 128, gl.UNSIGNED_BYTE, gl.ALPHA, + new Uint8Array([ + 128, + 128, + 128, + 128])); + checkType( + 128, 128, 128, 192, gl.UNSIGNED_BYTE, gl.LUMINANCE_ALPHA, + new Uint8Array([ + 128, 192, + 128, 192, + 128, 192, + 128, 192])); + } + var program = wtu.setupTexturedQuad(gl); + gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1); + checkTypes(); +} + +debug(""); +var successfullyParsed = true; +</script> +<script src="../../../js/js-test-post.js"></script> + +</body> +</html> |