<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--

/*
** Copyright (c) 2012 The Khronos Group Inc.
**
** Permission is hereby granted, free of charge, to any person obtaining a
** copy of this software and/or associated documentation files (the
** "Materials"), to deal in the Materials without restriction, including
** without limitation the rights to use, copy, modify, merge, publish,
** distribute, sublicense, and/or sell copies of the Materials, and to
** permit persons to whom the Materials are furnished to do so, subject to
** the following conditions:
**
** The above copyright notice and this permission notice shall be included
** in all copies or substantial portions of the Materials.
**
** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS.
*/

-->
<link rel="stylesheet" type="text/css" href="../unit.css" />
<script type="application/javascript" src="../unit.js"></script>
<script type="application/javascript" src="../util.js"></script>

<script type="application/javascript">

function assertIdxs(name, arr, length) {
//   assertOk(name+": Read with negative idx should work", function(){ return arr[-1] });
//   assertOk(name+": Read with too large idx should work", function(){ return arr[length] });
//   assertOk(name+": Write with negative idx should work", function(){ arr[-1] = 0 });
//   assertOk(name+": Write with too large idx should work", function(){ arr[length] = 0 });
//   arr[0] = 2;
//   assertEquals(name+": Test that write worked", 2, arr[0]);
//   assertOk(name+": Write with bad value should work", function(){ arr[0] = {x:"foo"} });
//   assertEquals(name+": Test that bad write didn't work", 2, arr[0]);
  assertOk(name+": Read and writes with OK idxs should work", function(){
    for (var i=0; i<length; i++) arr[i] = i + 1;
    for (var i=0; i<length; i++) arr[i] = arr[i] + 1;
    for (var i=0; i<length; i++) assertEquals(name+": Test that reads and writes work", i+2, arr[i]);
  });
}

Tests.startUnit = function () {
  var canvas = document.getElementById('gl');
  var gl = wrapGLContext(getGLContext(canvas));
  prog = new Shader(gl, 'vert', 'frag');
  prog.use();
  prog.uniform4f('c', 255, 0, 0, 255);
  va = prog.attrib('Vertex');
  buffer = gl.createBuffer();
  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
  return [gl];
}

Tests.endUnit = function() {
  prog.destroy();
}

Tests.testCreateFromArray = function() {
  var a = new Float32Array([1,2,3,4,5,6]);
  assertIdxs('Float', a, 6);
  var a = new Int32Array([1,2,3,4,5,6]);
  assertIdxs('Int', a, 6);
  var a = new Int16Array([1,2,3,4,5,6]);
  assertIdxs('Short', a, 6);
  var a = new Int8Array([1,2,3,4,5,6]);
  assertIdxs('Byte', a, 6);
  var a = new Uint32Array([1,2,3,4,5,6]);
  assertIdxs('UInt', a, 6);
  var a = new Uint16Array([1,2,3,4,5,6]);
  assertIdxs('UShort', a, 6);
  var a = new Uint8Array([1,2,3,4,5,6]);
  assertIdxs('UByte', a, 6);
}
Tests.testCreateFromCount = function() {
  var a = new Float32Array(6);
  assertIdxs('Float', a, 6);
  var a = new Int32Array(6);
  assertIdxs('Int', a, 6);
  var a = new Int16Array(6);
  assertIdxs('Short', a, 6);
  var a = new Int8Array(6);
  assertIdxs('Byte', a, 6);
  var a = new Uint32Array(6);
  assertIdxs('UInt', a, 6);
  var a = new Uint16Array(6);
  assertIdxs('UShort', a, 6);
  var a = new Uint8Array(6);
  assertIdxs('UByte', a, 6);
}
Tests.testCreateFromBuffer = function() {
  var sz = 24;
  var b = new ArrayBuffer(sz);
  var a = new Float32Array(b);
  assertIdxs('Float', a, sz/4);
  var a = new Int32Array(b);
  assertIdxs('Int', a, sz/4);
  var a = new Int16Array(b);
  assertIdxs('Short', a, sz/2);
  var a = new Int8Array(b);
  assertIdxs('Byte', a, sz/1);
  var a = new Uint32Array(b);
  assertIdxs('UInt', a, sz/4);
  var a = new Uint16Array(b);
  assertIdxs('UShort', a, sz/2);
  var a = new Uint8Array(b);
  assertIdxs('UByte', a, sz/1);
}

Tests.testThatWritesChangeDrawing = function(gl) {
  var verts = [
    0,0,
    1,0,
    1,1,

    0,0,
    1,1,
    0,1
  ];
  var a = new Float32Array(verts);
  var arr = [];
  for (var i=0; i<12; i++)
    arr[i] = a[i];
  assertEquals("Test that reads work from an array-initialized Float32Array", arr, verts);
  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
  gl.bufferData(gl.ARRAY_BUFFER, a, gl.STATIC_DRAW);
  gl.vertexAttribPointer(va, 2, gl.FLOAT, false, 0, 0);
  gl.enableVertexAttribArray(va);

  var id = new Uint8Array(4);
  gl.readPixels(8,8,1,1,gl.RGBA, gl.UNSIGNED_BYTE, id);
  assertEquals([0, 0, 0, 0], [id[0], id[1], id[2], id[3]]);

  gl.drawArrays(gl.TRIANGLES, 0, 6);

  gl.readPixels(8,8,1,1,gl.RGBA, gl.UNSIGNED_BYTE, id);
  assertEquals([255, 0, 0, 255], [id[0], id[1], id[2], id[3]]);
  gl.readPixels(0,8,1,1,gl.RGBA, gl.UNSIGNED_BYTE, id);
  assertEquals([0, 0, 0, 0], [id[0], id[1], id[2], id[3]]);

  a[0] = a[6] = a[10] = -1;
  gl.bufferData(gl.ARRAY_BUFFER, a, gl.STATIC_DRAW);
  gl.vertexAttribPointer(va, 2, gl.FLOAT, false, 0, 0);

  gl.drawArrays(gl.TRIANGLES, 0, 6);

  gl.readPixels(8,8,1,1,gl.RGBA, gl.UNSIGNED_BYTE, id);
  assertEquals([255, 0, 0, 255], [id[0], id[1], id[2], id[3]]);
  gl.readPixels(0,8,1,1,gl.RGBA, gl.UNSIGNED_BYTE, id);
  assertEquals("Test that Float32Array#[]= worked and drawArrays drew a full-width rectangle",
               [255, 0, 0, 255], [id[0], id[1], id[2], id[3]]);
  gl.readPixels(0,0,1,1,gl.RGBA, gl.UNSIGNED_BYTE, id);
  assertEquals([0, 0, 0, 0], [id[0], id[1], id[2], id[3]]);
}

</script>
<script id="vert" type="x-shader/x-vertex">
  attribute vec2 Vertex;
  void main()
  {
    gl_Position = vec4(Vertex, 0.0, 1.0);
  }
</script>
<script id="frag" type="x-shader/x-fragment">
  precision mediump float;

  uniform vec4 c;
  void main()
  {
    gl_FragColor = c;
  }
</script>
<style>canvas{border: 1px solid black}</style>
</head><body>
<canvas id="gl" width="16" height="16"></canvas>
</body></html>
