| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="./resources/webgl-test-utils-full.js"></script> | 4 <script src="./resources/webgl-test-utils-full.js"></script> |
| 5 <script src="./resources/tex-image-and-sub-image-utils.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
> | 6 <script src="./resources/tex-image-and-sub-image-image-bitmap-utils.js"></script
> |
| 7 <script src="../../../resources/js-test.js"></script> | 7 <script src="../../../resources/js-test.js"></script> |
| 8 <script> | 8 <script> |
| 9 | 9 |
| 10 window.jsTestIsAsync = true; | 10 window.jsTestIsAsync = true; |
| 11 | 11 |
| 12 var wtu = WebGLTestUtils; | 12 var wtu = WebGLTestUtils; |
| 13 var tiu = TexImageUtils; | 13 var tiu = TexImageUtils; |
| 14 var gl = null; | 14 var gl = null; |
| 15 var internalFormat = "RGBA"; | 15 var internalFormat = "RGBA"; |
| 16 var pixelFormat = "RGBA"; | 16 var pixelFormat = "RGBA"; |
| 17 var pixelType = "UNSIGNED_BYTE"; | 17 var pixelType = "UNSIGNED_BYTE"; |
| 18 var redColor = [255, 0, 0]; | 18 var redColor = [255, 0, 0]; |
| 19 var greenColor = [0, 255, 0]; | 19 var greenColor = [0, 255, 0]; |
| 20 var blackColor = [0, 0, 0]; | 20 var blackColor = [0, 0, 0]; |
| 21 var halfRed = [128, 0, 0]; | 21 var darkRed = [26, 0, 0]; |
| 22 var halfGreen = [0, 128, 0]; | 22 var darkGreen = [0, 26, 0]; |
| 23 | 23 |
| 24 function promiseRejected() | 24 function promiseRejected() |
| 25 { | 25 { |
| 26 document.getElementById("results").innerHTML = "Promise <span style='color:r
ed'>REJECTED</span>"; | 26 document.getElementById("results").innerHTML = "Promise <span style='color:r
ed'>REJECTED</span>"; |
| 27 } | 27 } |
| 28 | 28 |
| 29 function pass() | 29 function pass() |
| 30 { | 30 { |
| 31 document.getElementById("results").innerHTML = "Test <span style='color:gree
n'>PASSED</span>"; | 31 document.getElementById("results").innerHTML = "Test <span style='color:gree
n'>PASSED</span>"; |
| 32 } | 32 } |
| 33 | 33 |
| 34 function generateTest() | 34 function generateTest() |
| 35 { | 35 { |
| 36 var bitmaps = []; | 36 var bitmaps = []; |
| 37 | 37 |
| 38 var canvas = document.getElementById("example"); | 38 var canvas = document.getElementById("example"); |
| 39 gl = canvas.getContext("webgl"); | 39 gl = canvas.getContext("webgl"); |
| 40 | 40 |
| 41 gl.clearColor(0,0,0,1); | 41 gl.clearColor(0,0,0,1); |
| 42 gl.clearDepth(1); | 42 gl.clearDepth(1); |
| 43 gl.disable(gl.BLEND); | 43 gl.disable(gl.BLEND); |
| 44 | 44 |
| 45 var imageData = new ImageData(new Uint8ClampedArray( | 45 var imageData = new ImageData(new Uint8ClampedArray( |
| 46 [255, 0, 0, 255, | 46 [255, 0, 0, 255, |
| 47 255, 0, 0, 0, | 47 255, 0, 0, 26, |
| 48 0, 255, 0, 255, | 48 0, 255, 0, 255, |
| 49 0, 255, 0, 0]), | 49 0, 255, 0, 26]), |
| 50 2, 2); | 50 2, 2); |
| 51 | 51 |
| 52 var p1 = createImageBitmap(imageData).then(function(imageBitmap) { bitmaps.d
efaultOption = imageBitmap }); | 52 var p1 = createImageBitmap(imageData).then(function(imageBitmap) { bitmaps.d
efaultOption = imageBitmap }); |
| 53 var p2 = createImageBitmap(imageData, {imageOrientation: "none", premultiply
Alpha: "premultiply"}).then(function(imageBitmap) { bitmaps.noFlipYPremul = imag
eBitmap }); | 53 var p2 = createImageBitmap(imageData, {imageOrientation: "none", premultiply
Alpha: "premultiply"}).then(function(imageBitmap) { bitmaps.noFlipYPremul = imag
eBitmap }); |
| 54 var p3 = createImageBitmap(imageData, {imageOrientation: "none", premultiply
Alpha: "default"}).then(function(imageBitmap) { bitmaps.noFlipYDefault = imageBi
tmap }); | 54 var p3 = createImageBitmap(imageData, {imageOrientation: "none", premultiply
Alpha: "default"}).then(function(imageBitmap) { bitmaps.noFlipYDefault = imageBi
tmap }); |
| 55 var p4 = createImageBitmap(imageData, {imageOrientation: "none", premultiply
Alpha: "none"}).then(function(imageBitmap) { bitmaps.noFlipYUnpremul = imageBitm
ap }); | 55 var p4 = createImageBitmap(imageData, {imageOrientation: "none", premultiply
Alpha: "none"}).then(function(imageBitmap) { bitmaps.noFlipYUnpremul = imageBitm
ap }); |
| 56 var p5 = createImageBitmap(imageData, {imageOrientation: "flipY", premultipl
yAlpha: "premultiply"}).then(function(imageBitmap) { bitmaps.flipYPremul = image
Bitmap }); | 56 var p5 = createImageBitmap(imageData, {imageOrientation: "flipY", premultipl
yAlpha: "premultiply"}).then(function(imageBitmap) { bitmaps.flipYPremul = image
Bitmap }); |
| 57 var p6 = createImageBitmap(imageData, {imageOrientation: "flipY", premultipl
yAlpha: "default"}).then(function(imageBitmap) { bitmaps.flipYDefault = imageBit
map }); | 57 var p6 = createImageBitmap(imageData, {imageOrientation: "flipY", premultipl
yAlpha: "default"}).then(function(imageBitmap) { bitmaps.flipYDefault = imageBit
map }); |
| 58 var p7 = createImageBitmap(imageData, {imageOrientation: "flipY", premultipl
yAlpha: "none"}).then(function(imageBitmap) { bitmaps.flipYUnpremul = imageBitma
p }); | 58 var p7 = createImageBitmap(imageData, {imageOrientation: "flipY", premultipl
yAlpha: "none"}).then(function(imageBitmap) { bitmaps.flipYUnpremul = imageBitma
p }); |
| 59 var p8 = createImageBitmap(imageData).then(function(imageBitmap) { bitmaps.c
olorspaceDef = imageBitmap }); | 59 var p8 = createImageBitmap(imageData).then(function(imageBitmap) { bitmaps.c
olorspaceDef = imageBitmap }); |
| 60 var p9 = createImageBitmap(imageData, {colorspaceConversion: "none"}).then(f
unction(imageBitmap) { bitmaps.colorspaceNone = imageBitmap }); | 60 var p9 = createImageBitmap(imageData, {colorspaceConversion: "none"}).then(f
unction(imageBitmap) { bitmaps.colorspaceNone = imageBitmap }); |
| 61 var p10 = createImageBitmap(imageData, {colorspaceConversion: "default"}).th
en(function(imageBitmap) { bitmaps.colorspaceDefault = imageBitmap }); | 61 var p10 = createImageBitmap(imageData, {colorspaceConversion: "default"}).th
en(function(imageBitmap) { bitmaps.colorspaceDefault = imageBitmap }); |
| 62 Promise.all([p1, p2, p3, p4, p5, p6, p7, p8, p9, p10]).then(function() { | 62 Promise.all([p1, p2, p3, p4, p5, p6, p7, p8, p9, p10]).then(function() { |
| 63 var alphaVal = 0; | 63 var alphaVal = 0.5; |
| 64 var testPassed = runTest(bitmaps, alphaVal, false); | 64 var testPassed = runTest(bitmaps, alphaVal, false); |
| 65 if (testPassed) | 65 if (testPassed) |
| 66 pass(); | 66 pass(); |
| 67 finishJSTest(); | 67 finishJSTest(); |
| 68 }, function() { | 68 }, function() { |
| 69 promiseRejected(); | 69 promiseRejected(); |
| 70 finishJSTest(); | 70 finishJSTest(); |
| 71 }); | 71 }); |
| 72 } | 72 } |
| 73 | 73 |
| 74 function init() | 74 function init() |
| 75 { | 75 { |
| 76 if (window.testRunner) { | 76 if (window.testRunner) { |
| 77 testRunner.overridePreference("WebKitWebGLEnabled", "1"); | 77 testRunner.overridePreference("WebKitWebGLEnabled", "1"); |
| 78 testRunner.dumpAsText(); | 78 testRunner.dumpAsText(); |
| 79 } | 79 } |
| 80 generateTest(); | 80 generateTest(); |
| 81 } | 81 } |
| 82 </script> | 82 </script> |
| 83 </head> | 83 </head> |
| 84 <body onload="init()"> | 84 <body onload="init()"> |
| 85 <canvas id="texcanvas" width="2" height="2"></canvas> | 85 <canvas id="texcanvas" width="2" height="2"></canvas> |
| 86 <canvas id="example" width="32" height="32"></canvas> | 86 <canvas id="example" width="32" height="32"></canvas> |
| 87 <div id="results">Test <span style="color:red">FAILED</span></div> | 87 <div id="results">Test <span style="color:red">FAILED</span></div> |
| 88 </body> | 88 </body> |
| 89 </html> | 89 </html> |
| OLD | NEW |