ee8be578d730166eec2441ea36fda53885177a40
[WebKit-https.git] / LayoutTests / fast / canvas / webgl / gl-bind-attrib-location-test.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2   "http://www.w3.org/TR/html4/loose.dtd">
3 <html>
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 <title>WebGL BindAttribLocation Conformance Tests</title>
7 <link rel="stylesheet" href="../../js/resources/js-test-style.css"/>
8 <script src="../../js/resources/js-test-pre.js"></script>
9 <script src="resources/webgl-test.js"></script>
10 </head>
11 <body>
12 <div id="description"></div>
13 <div id="console"></div>
14 <canvas style="border: 1px solid black;" id="canvas" width="50" height="50"></canvas>
15 <script id="vshader" type="text/something-not-javascript">
16 attribute vec4 vPosition;
17 attribute vec4 vColor;
18 varying vec4 color;
19 void main()
20 {
21   gl_Position = vPosition;
22   color = vColor;
23 }
24 </script>
25 <script id="fshader" type="text/something-not-javascript">
26 varying vec4 color;
27 void main()
28 {
29   gl_FragColor = color;
30 }
31 </script>
32 <script>
33 description("This test ensures WebGL implementations don't allow names that start with 'gl_' when calling bindAttribLocation.");
34
35 debug("");
36 debug("Canvas.getContext");
37
38 var gl = create3DContext(document.getElementById("canvas"));
39 shouldBeNonNull(gl);
40
41 function fail(x,y, buf, shouldBe)
42 {
43   var i = (y*50+x) * 4;
44   var reason = "pixel at ("+x+","+y+") is ("+buf[i]+","+buf[i+1]+","+buf[i+2]+","+buf[i+3]+"), should be "+shouldBe;
45   testFailed(reason);
46 }
47
48 function pass()
49 {
50   testPassed("drawing is correct");
51 }
52
53 function loadShader(shaderType, shaderId) {
54   // Get the shader source.
55   var shaderSource = document.getElementById(shaderId).text;
56
57   // Create the shader object
58   var shader = gl.createShader(shaderType);
59   if (shader == null) {
60     debug("*** Error: unable to create shader '"+shaderId+"'");
61     return null;
62   }
63
64   // Load the shader source
65   gl.shaderSource(shader, shaderSource);
66
67   // Compile the shader
68   gl.compileShader(shader);
69
70   // Check the compile status
71   var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
72   if (!compiled) {
73     // Something went wrong during compilation; get the error
74     var error = gl.getShaderInfoLog(shader);
75     debug("*** Error compiling shader '"+shader+"':"+error);
76     gl.deleteShader(shader);
77     return null;
78   }
79   return shader;
80 }
81
82 debug("");
83 debug("Checking gl.bindAttribLocation.");
84
85 var program = gl.createProgram();
86 gl.bindAttribLocation(program, 0, "gl_foo");
87 assertMsg(gl.getError() == gl.INVALID_OPERATION,
88           "bindAttribLocation should return INVALID_OPERATION if name starts with 'gl_'");
89 gl.bindAttribLocation(program, 0, "gl_TexCoord0");
90 assertMsg(gl.getError() == gl.INVALID_OPERATION,
91           "bindAttribLocation should return INVALID_OPERATION if name starts with 'gl_'");
92
93 var vs = loadShader(gl.VERTEX_SHADER, "vshader");
94 var fs = loadShader(gl.FRAGMENT_SHADER, "fshader");
95 gl.attachShader(program, vs);
96 gl.attachShader(program, fs);
97
98 var positions = gl.createBuffer();
99 gl.bindBuffer(gl.ARRAY_BUFFER, positions);
100 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ 0,0.5,0, -0.5,-0.5,0, 0.5,-0.5,0 ]), gl.STATIC_DRAW);
101
102 var colors = gl.createBuffer();
103 gl.bindBuffer(gl.ARRAY_BUFFER, colors);
104 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
105     0,1,0,1,
106     0,1,0,1,
107     0,1,0,1]), gl.STATIC_DRAW);
108
109 function setBindLocations(colorLocation, positionLocation) {
110   gl.bindAttribLocation(program, positionLocation, "vPosition");
111   gl.bindAttribLocation(program, colorLocation, "vColor");
112   gl.linkProgram(program);
113   gl.useProgram(program);
114   var linked = (gl.getProgramParameter(program, gl.LINK_STATUS) != 0);
115   assertMsg(linked, "program linked successfully");
116
117   debug("vPosition:" + gl.getAttribLocation(program, "vPosition"))
118   debug("vColor   :" + gl.getAttribLocation(program, "vColor"))
119   assertMsg(gl.getAttribLocation(program, "vPosition") == positionLocation,
120             "location of vPositon should be " + positionLocation);
121   assertMsg(gl.getAttribLocation(program, "vColor") == colorLocation,
122             "location of vColor should be " + colorLocation);
123
124   var ploc = gl.getAttribLocation(program, "vPosition");
125   var cloc = gl.getAttribLocation(program, "vColor");
126   gl.bindBuffer(gl.ARRAY_BUFFER, positions);
127   gl.enableVertexAttribArray(positionLocation);
128   gl.vertexAttribPointer(positionLocation, 3, gl.FLOAT, false, 0, 0);
129   gl.bindBuffer(gl.ARRAY_BUFFER, colors);
130   gl.enableVertexAttribArray(colorLocation);
131   gl.vertexAttribPointer(colorLocation, 4, gl.FLOAT, false, 0, 0);
132 }
133
134 function checkDraw(colorLocation, positionLocation, r, g, b, a) {
135   gl.clearColor(0, 0, 0, 1);
136   gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
137   gl.drawArrays(gl.TRIANGLES, 0, 3);
138
139   var width = 50;
140   var height = 50;
141   var buf = new Uint8Array(width * height * 4);
142   gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, buf);
143
144   function checkPixel(x, y, r, g, b, a) {
145     var offset = (y * width + x) * 4;
146     if (buf[offset + 0] != r ||
147         buf[offset + 1] != g ||
148         buf[offset + 2] != b ||
149         buf[offset + 3] != a) {
150         fail(x, y, buf, "(" + r + "," + g + "," + b + "," + a + ")");
151         return false;
152     }
153     return true;
154   }
155
156   // Test several locations
157   // First line should be all black
158   var success = true;
159   for (var i = 0; i < 50; ++i)
160     success = success && checkPixel(i, 0, 0, 0, 0, 255);
161
162   // Line 15 should be red for at least 10 rgba pixels starting 20 pixels in
163   var offset = (15 * 50 + 20) * 4;
164   for (var i = 0; i < 10; ++i)
165     success = success && checkPixel(20 + i, 15, r, g, b, a);
166
167   // Last line should be all black
168   for (var i = 0; i < 50; ++i)
169     success = success && checkPixel(i, 49, 0, 0, 0, 255);
170
171   if (success)
172     pass();
173
174   gl.disableVertexAttribArray(positionLocation);
175   gl.disableVertexAttribArray(colorLocation);
176 }
177
178 setBindLocations(2, 3);
179 checkDraw(2, 3, 0, 255, 0, 255);
180
181 setBindLocations(0, 3);
182 gl.disableVertexAttribArray(0);
183 gl.vertexAttrib4f(0, 1, 0, 0, 1);
184 checkDraw(0, 3, 255, 0, 0, 255);
185
186 shouldBe("gl.getError()", "gl.NO_ERROR");
187
188 debug("");
189 successfullyParsed = true;
190
191 </script>
192 <script src="../../js/resources/js-test-post.js"></script>
193
194 </body>
195 </html>