src/third_party/webgl/src/sdk/tests/conformance/canvas/framebuffer-bindings-unaffected-on-resize.html

   1 <!--
   2
   3 /*
   4 ** Copyright (c) 2012 The Khronos Group Inc.
   5 **
   6 ** Permission is hereby granted, free of charge, to any person obtaining a
   7 ** copy of this software and/or associated documentation files (the
   8 ** "Materials"), to deal in the Materials without restriction, including
   9 ** without limitation the rights to use, copy, modify, merge, publish,
  10 ** distribute, sublicense, and/or sell copies of the Materials, and to
  11 ** permit persons to whom the Materials are furnished to do so, subject to
  12 ** the following conditions:
  13 **
  14 ** The above copyright notice and this permission notice shall be included
  15 ** in all copies or substantial portions of the Materials.
  16 **
  17 ** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  18 ** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  19 ** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  20 ** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  21 ** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  22 ** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  23 ** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS.
  24 */
  25
  26 -->
  27
  28 <!DOCTYPE html>
  29 <html>
  30 <head>
  31 <meta charset="utf-8">
  32 <title>Verifies that GL framebuffer bindings do not change when canvas is resized</title>
  33 <link rel="stylesheet" href="../../resources/js-test-style.css"/>
  34 <script src="../../resources/js-test-pre.js"></script>
  35 <script src="../resources/webgl-test-utils.js"></script>
  36 </head>
  37 <body>
  38 <canvas id="example" width="4" height="4"></canvas>
  39 <div id="description"></div>
  40 <div id="console"></div>
  41 <script>
  42 "use strict";
  43 enableJSTestPreVerboseLogging();
  44 description("Verifies that GL framebuffer bindings do not change when canvas is resized");
  45
  46 var err;
  47 var wtu = WebGLTestUtils;
  48 var canvas = document.getElementById("example");
  49 var gl = wtu.create3DContext(canvas);
  50 var green = [0, 255, 0, 255];
  51 var blue = [0, 0, 255, 255];
  52 var fboSize = 2;
  53 shouldBeTrue("fboSize < canvas.width");
  54 var fbo = gl.createFramebuffer();
  55 gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
  56 var fboTex = gl.createTexture();
  57 gl.activeTexture(gl.TEXTURE1);
  58 gl.bindTexture(gl.TEXTURE_2D, fboTex);
  59 gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, fboTex, 0);
  60 gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, fboSize, fboSize, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
  61 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
  62 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
  63 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
  64 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
  65 shouldBe("gl.checkFramebufferStatus(gl.FRAMEBUFFER)", "gl.FRAMEBUFFER_COMPLETE");
  66
  67 function checkFBO(color, msg) {
  68   wtu.checkCanvasRect(gl, 0, 0, fboSize, fboSize, color, msg);
  69   wtu.checkCanvasRect(gl, fboSize, fboSize, fboSize, fboSize, [0, 0, 0, 0], "area outside fbo should be transparent black");
  70 }
  71
  72 // The FBO is 2x2 and it's bound so clearing should clear a 2x2 area
  73 // and calling read pixels should read the clear color in that 2x2 area
  74 // and 0,0,0,0 outside that area.
  75 //
  76 // If the FBO is no longer bound because of a WebGL implementation error
  77 // then likely the clear will clear the backbuffer and reading outside
  78 // the 2x2 area will not be 0,0,0,0
  79
  80 function test() {
  81   gl.clearColor(0, 0, 1, 1);
  82   gl.clear(gl.COLOR_BUFFER_BIT);
  83   checkFBO(blue, "should be blue");
  84   gl.clearColor(0, 1, 0, 1);
  85   gl.clear(gl.COLOR_BUFFER_BIT);
  86   checkFBO(green, "should be green");
  87 }
  88
  89 debug("test before resizing canvas");
  90 test();
  91 debug("test after resizing canvas");
  92 canvas.width = 8;
  93 test();
  94 debug("test after resizing canvas and waiting for compositing");
  95 canvas.width = 16;
  96 wtu.waitForComposite(gl, function() {
  97   test();
  98   finishTest();
  99   wtu.glErrorShouldBe(gl, gl.NO_ERROR, "Should be no errors.");
 100 });
 101
 102 var successfullyParsed = true;
 103 </script>
 104 </body>
 105 </html>
 106