<!--
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 Integer Cubemap Texture Sampling Tests</title>
<link rel="stylesheet" href="../../../resources/js-test-style.css"/>
<script src="../../../js/js-test-pre.js"></script>
<script src="../../../js/webgl-test-utils.js"></script>
<script src="../../../js/tests/tex-image-and-sub-image-utils.js"></script>
</head>
<body>
<canvas id="example" width="128" height="128"></canvas>
<div id="description"></div>
<div id="console"></div>
<script>
"use strict";

var wtu = WebGLTestUtils;
var tiu = TexImageUtils;

description("Verify sampling works fine with integer cubemap textures");
debug("https://github.com/KhronosGroup/WebGL/issues/1819");

var gl = wtu.create3DContext("example", undefined, 2);

var testCases = [
    { internalFormat: "R8UI", format: "RED_INTEGER", type: "UNSIGNED_BYTE" },
    { internalFormat: "RG8UI", format: "RG_INTEGER", type: "UNSIGNED_BYTE" },
    { internalFormat: "RGB8UI", format: "RGB_INTEGER", type: "UNSIGNED_BYTE" },
    { internalFormat: "RGBA8UI", format: "RGBA_INTEGER", type: "UNSIGNED_BYTE" },
];

function setupData(internalFormat, size) {
    var numComponents = 0;
    switch (gl[internalFormat]) {
      case gl.R8UI:
        numComponents = 1;
        break;
      case gl.RG8UI:
        numComponents = 2;
        break;
      case gl.RGB8UI:
        numComponents = 3;
        break;
      case gl.RGBA8UI:
        numComponents = 4;
        break;
    }
    if (numComponents == 0) {
        testFailed("This should never be reached");
        return null;
    }
    var data = new Uint8Array(numComponents * size * size);
    for (var ii = 0; ii < size * size; ++ii) {
        // Set all pixels to RED.
        data[ii * numComponents] = 255;
        if (numComponents > 1)
            data[ii * numComponents + 1] = 0;
        if (numComponents > 2)
            data[ii * numComponents + 2] = 0;
        if (numComponents > 3)
            data[ii * numComponents + 3] = 255;
    }
    return data;
}

function checkIntegerTextureValues(internalFormat, size) {
    var buffer = new Uint32Array(4 * size * size);
    gl.readPixels(0, 0, size, size, gl.RGBA_INTEGER, gl.UNSIGNED_INT, buffer);
    for (var y = 0; y < size; ++y) {
        for (var x = 0; x < size; ++x) {
            var index = (y * size + x) * 4;
            if (buffer[index] != 255 || buffer[index + 1] != 0 || buffer[index + 2] != 0) {
                testFailed("At (" + x + ", " + y + "), expected 255,0,0,255, was " +
                           [buffer[index], buffer[index + 1], buffer[index + 2], buffer[index + 3]]);
                return;
            }
        }
    }
    testPassed("All pixels are as expected");
}

function runOneTest(internalFormat, format, type, size) {
    debug("");
    debug("Testing internalformat = " + internalFormat + ", format = " + format + ", type = " + type + ", size = " + size);

    gl.clearColor(1, 1, 0, 1);
    gl.clearDepth(1);
    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);

    var tex = gl.createTexture();
    gl.bindTexture(gl.TEXTURE_CUBE_MAP, tex);
    gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
    gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
    gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
    gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);

    gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1);

    var targets = [gl.TEXTURE_CUBE_MAP_POSITIVE_X,
                   gl.TEXTURE_CUBE_MAP_NEGATIVE_X,
                   gl.TEXTURE_CUBE_MAP_POSITIVE_Y,
                   gl.TEXTURE_CUBE_MAP_NEGATIVE_Y,
                   gl.TEXTURE_CUBE_MAP_POSITIVE_Z,
                   gl.TEXTURE_CUBE_MAP_NEGATIVE_Z];
    var data = setupData(internalFormat, size);
    for (var tt = 0; tt < targets.length; ++tt) {
        gl.texImage2D(targets[tt], 0, gl[internalFormat], size, size, 0, gl[format], gl[type], data);
    }

    debug("1) Reading back texture data");
    var fbo = gl.createFramebuffer();
    gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
    for (var tt = 0; tt < targets.length; ++tt) {
        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, targets[tt], tex, 0);
        if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) == gl.FRAMEBUFFER_COMPLETE) {
            checkIntegerTextureValues(internalFormat, size);
        }
    }
    gl.deleteFramebuffer(fbo);

    debug("2) Rendering with texture");
    var program = tiu.setupTexturedQuadWithCubeMap(gl, internalFormat);
    var loc = gl.getUniformLocation(program, "face");
    for (var tt = 0; tt < targets.length; ++tt) {
        gl.uniform1i(loc, targets[tt]);
        // Draw the triangles
        wtu.clearAndDrawUnitQuad(gl, [0, 255, 0, 255]);
        wtu.checkCanvasRect(gl, 0, 0, gl.canvas.width, gl.canvas.height, [255, 0, 0, 255], "Should be red");
    }
    gl.deleteProgram(program);
    gl.deleteTexture(tex);
    wtu.glErrorShouldBe(gl, gl.NO_ERROR, "No GL errors");

    var m = wtu.makeImageFromCanvas(gl.canvas);
    document.getElementById("console").appendChild(m);
    document.getElementById("console").appendChild(document.createElement("hr"));
}

function runTests() {
    for (var ii = 0; ii < testCases.length; ++ii) {
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 2);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 4);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 8);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 16);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 32);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 64);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 65);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 127);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 128);
        runOneTest(testCases[ii].internalFormat, testCases[ii].format, testCases[ii].type, 129);
    }
}

runTests();

debug("");
var successfullyParsed = true;
</script>
<script src="../../../js/js-test-post.js"></script>

</body>
</html>
