summaryrefslogtreecommitdiffstats
path: root/dom/canvas/test/webgl-conf/checkout/conformance2/rendering/clearbuffer-sub-source.html
blob: 616d2bda4caf787e617f6cc31c471261332d19f3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!--
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>Test clearBuffer functions with optional srcOffset argument</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>
</head>
<body>
<div id="description"></div>
<div id="console"></div>
<canvas id="canvas" width="20" height="20"> </canvas>
<script>
"use strict";
description("This tests clearBuffer* functions with optional srcOffset argument");

function verifyOnePixel(readFormat, readType, arrayType, expectedColor) {
  var buffer = new arrayType(4);
  gl.readPixels(0, 0, 1, 1, readFormat, readType, buffer);
  if (buffer[0] == expectedColor[0] &&
      buffer[1] == expectedColor[1] &&
      buffer[2] == expectedColor[2] &&
      buffer[3] == expectedColor[3]) {
    testPassed("clearBuffer sets the renderbuffer with the correct data");
  } else {
    testFailed("clearBuffer fails to work. Expected: " + expectedColor + ", got: " + buffer);
  }
}

function testClearBuffer(func, format, arrayType, readFormat, readType) {
  debug("");
  debug("Testing " + func);

  var fb = gl.createFramebuffer();
  gl.bindFramebuffer(gl.FRAMEBUFFER, fb);

  var renderbuffer = gl.createRenderbuffer();
  gl.bindRenderbuffer(gl.RENDERBUFFER, renderbuffer);
  gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.RENDERBUFFER, renderbuffer);
  gl.renderbufferStorage(gl.RENDERBUFFER, format, canvas.width, canvas.height);
  shouldBe('gl.checkFramebufferStatus(gl.FRAMEBUFFER)', 'gl.FRAMEBUFFER_COMPLETE');

  var srcData = new arrayType([1, 2, 3, 4, 5, 6]);
  gl[func](gl.COLOR, 0, srcData);
  wtu.glErrorShouldBe(gl, gl.NO_ERROR, "clearBuffer with no srcOffset should succeed");
  verifyOnePixel(readFormat, readType, arrayType, [1,2,3,4]);

  gl[func](gl.COLOR, 0, srcData, 0);
  wtu.glErrorShouldBe(gl, gl.NO_ERROR, "clearBuffer with srcOffset = 0 should succeed");
  verifyOnePixel(readFormat, readType, arrayType, [1,2,3,4]);

  gl[func](gl.COLOR, 0, srcData, 2);
  wtu.glErrorShouldBe(gl, gl.NO_ERROR, "clearBuffer with srcOffset = 2 should succeed");
  verifyOnePixel(readFormat, readType, arrayType, [3,4, 5, 6]);

  gl[func](gl.COLOR, 0, srcData, 4);
  wtu.glErrorShouldBe(gl, gl.INVALID_VALUE, "clearBuffer with srcOffset = 4 should fail: out of bounds");

  gl.deleteFramebuffer(fb);
  gl.deleteRenderbuffer(renderbuffer);
}

var wtu = WebGLTestUtils;
var canvas = document.getElementById("canvas");
var gl = wtu.create3DContext(canvas, undefined, 2);
if (!gl) {
  testFailed("context does not exist");
} else {
  testPassed("context exists");

  var testCases = [
    {
      func: "clearBufferiv", format: gl.RGBA32I, arrayType: Int32Array,
      readFormat: gl.RGBA_INTEGER, readType: gl.INT,
    },
    {
      func: "clearBufferuiv", format: gl.RGBA32UI, arrayType: Uint32Array,
      readFormat: gl.RGBA_INTEGER, readType: gl.UNSIGNED_INT,
    },
    {
      func: "clearBufferfv", format: gl.RGBA32F, arrayType: Float32Array,
      readFormat: gl.RGBA, readType: gl.FLOAT,
      extension: "EXT_color_buffer_float",
    },
  ];

  for (var tt = 0; tt < testCases.length; ++tt) {
    var test = testCases[tt];
    if (test.extension && !gl.getExtension(test.extension))
      continue;
    testClearBuffer(test.func, test.format, test.arrayType, test.readFormat, test.readType);
  }
}

debug("");
wtu.glErrorShouldBe(gl, gl.NO_ERROR, "should be no error");
var successfullyParsed = true;

</script>
<script src="../../js/js-test-post.js"></script>

</body>
</html>