OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="./resources/webgl-test-utils-full.js"></script> | |
5 <script src="./resources/tex-image-and-sub-image-utils.js"></script> | |
6 <script src="./resources/tex-image-and-sub-image-image-bitmap-utils.js"></script > | |
7 <script src="../../../resources/js-test.js"></script> | |
8 <script> | |
9 | |
10 window.jsTestIsAsync = true; | |
11 var worker = new Worker('./resources/imageBitmap-transferable.js'); | |
12 | |
13 var wtu = WebGLTestUtils; | |
14 var tiu = TexImageUtils; | |
15 var gl = null; | |
16 var internalFormat = "RGBA"; | |
17 var pixelFormat = "RGBA"; | |
18 var pixelType = "UNSIGNED_BYTE"; | |
19 var redColor = [255, 0, 0]; | |
20 var greenColor = [0, 255, 0]; | |
21 var blackColor = [0, 0, 0]; | |
22 var halfRed = [128, 0, 0]; | |
23 var halfGreen = [0, 128, 0]; | |
24 | |
25 var image = new Image(); | |
26 | |
27 function promiseRejected() | |
28 { | |
29 document.getElementById("results").innerHTML = "Promise <span style='color:r ed'>REJECTED</span>"; | |
30 } | |
31 | |
32 function pass() | |
33 { | |
34 document.getElementById("results").innerHTML = "Test <span style='color:gree n'>PASSED</span>"; | |
35 } | |
36 | |
37 function postToWorker(message, transferable) { | |
38 return new Promise((resolve, reject) => { | |
39 function onMessage(e) { | |
40 resolve(e.data); | |
41 worker.removeEventListener("message", onMessage); | |
42 } | |
43 worker.postMessage(message, transferable); | |
44 worker.addEventListener("message", onMessage); | |
45 }); | |
46 } | |
47 | |
48 function generateTest() | |
49 { | |
50 var bitmaps = []; | |
51 | |
52 var canvas = document.getElementById("example"); | |
53 gl = canvas.getContext("webgl"); | |
54 | |
55 gl.clearColor(0,0,0,1); | |
56 gl.clearDepth(1); | |
57 | |
58 createImageBitmap(image, {imageOrientation: "flipY", premultiplyAlpha: "none "}).then(function(imageBitmap) { | |
Justin Novosad
2016/03/29 14:39:53
The way this test works is non-trivial, you should
xidachen
2016/03/29 15:41:01
Done.
| |
59 var replyPromise = postToWorker(imageBitmap, [imageBitmap]); | |
60 replyPromise.then(reply => { | |
61 var retVal = {testPassed: true, alpha: 0.5}; | |
62 var program = tiu.setupTexturedQuad(gl, internalFormat); | |
63 runOneIteration(false, gl.TEXTURE_2D, program, reply, true, false, r etVal); | |
64 runOneIteration(true, gl.TEXTURE_2D, program, reply, true, false, re tVal); | |
65 program = tiu.setupTexturedQuadWithCubeMap(gl, internalFormat); | |
66 runOneIteration(false, gl.TEXTURE_CUBE_MAP, program, reply, true, fa lse, retVal); | |
67 runOneIteration(true, gl.TEXTURE_CUBE_MAP, program, reply, true, fal se, retVal); | |
68 if (retVal.testPassed) | |
69 pass(); | |
70 finishJSTest(); | |
71 }); | |
72 }, function() { | |
73 promiseRejected(); | |
74 finishJSTest(); | |
75 }); | |
76 } | |
77 | |
78 function init() | |
79 { | |
80 if (window.testRunner) { | |
81 testRunner.overridePreference("WebKitWebGLEnabled", "1"); | |
82 testRunner.dumpAsText(); | |
83 } | |
84 image.onload = function() { | |
85 generateTest(); | |
86 } | |
87 image.src = "resources/red-green-semi-transparent.png"; | |
88 } | |
89 </script> | |
90 </head> | |
91 <body onload="init()"> | |
92 <canvas id="texcanvas" width="2" height="2"></canvas> | |
93 <canvas id="example" width="32" height="32"></canvas> | |
94 <div id="results">Test <span style="color:red">FAILED</span></div> | |
95 </body> | |
96 </html> | |
OLD | NEW |