Chromium Code Reviews Chromium Code Reviews
Issue 1797313002:
Make ImageBitmap transferable work with ImageBitmapOptions (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/canvas/webgl/tex-image-and-sub-image-2d-image-bitmap-transferable.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/canvas/webgl/tex-image-and-sub-image-2d-image-bitmap-transferable.html b/third_party/WebKit/LayoutTests/fast/canvas/webgl/tex-image-and-sub-image-2d-image-bitmap-transferable.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..ba793638810dff89f8454c6dccb2ac3143dc8509 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/canvas/webgl/tex-image-and-sub-image-2d-image-bitmap-transferable.html |
| @@ -0,0 +1,96 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| +<script src="./resources/webgl-test-utils-full.js"></script> |
| +<script src="./resources/tex-image-and-sub-image-utils.js"></script> |
| +<script src="./resources/tex-image-and-sub-image-image-bitmap-utils.js"></script> |
| +<script src="../../../resources/js-test.js"></script> |
| +<script> |
| + |
| +window.jsTestIsAsync = true; |
| +var worker = new Worker('./resources/imageBitmap-transferable.js'); |
| + |
| +var wtu = WebGLTestUtils; |
| +var tiu = TexImageUtils; |
| +var gl = null; |
| +var internalFormat = "RGBA"; |
| +var pixelFormat = "RGBA"; |
| +var pixelType = "UNSIGNED_BYTE"; |
| +var redColor = [255, 0, 0]; |
| +var greenColor = [0, 255, 0]; |
| +var blackColor = [0, 0, 0]; |
| +var halfRed = [128, 0, 0]; |
| +var halfGreen = [0, 128, 0]; |
| + |
| +var image = new Image(); |
| + |
| +function promiseRejected() |
| +{ |
| + document.getElementById("results").innerHTML = "Promise <span style='color:red'>REJECTED</span>"; |
| +} |
| + |
| +function pass() |
| +{ |
| + document.getElementById("results").innerHTML = "Test <span style='color:green'>PASSED</span>"; |
| +} |
| + |
| +function postToWorker(message, transferable) { |
| + return new Promise((resolve, reject) => { |
| + function onMessage(e) { |
| + resolve(e.data); |
| + worker.removeEventListener("message", onMessage); |
| + } |
| + worker.postMessage(message, transferable); |
| + worker.addEventListener("message", onMessage); |
| + }); |
| +} |
| + |
| +function generateTest() |
| +{ |
| + var bitmaps = []; |
| + |
| + var canvas = document.getElementById("example"); |
| + gl = canvas.getContext("webgl"); |
| + |
| + gl.clearColor(0,0,0,1); |
| + gl.clearDepth(1); |
| + |
| + 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.
|
| + var replyPromise = postToWorker(imageBitmap, [imageBitmap]); |
| + replyPromise.then(reply => { |
| + var retVal = {testPassed: true, alpha: 0.5}; |
| + var program = tiu.setupTexturedQuad(gl, internalFormat); |
| + runOneIteration(false, gl.TEXTURE_2D, program, reply, true, false, retVal); |
| + runOneIteration(true, gl.TEXTURE_2D, program, reply, true, false, retVal); |
| + program = tiu.setupTexturedQuadWithCubeMap(gl, internalFormat); |
| + runOneIteration(false, gl.TEXTURE_CUBE_MAP, program, reply, true, false, retVal); |
| + runOneIteration(true, gl.TEXTURE_CUBE_MAP, program, reply, true, false, retVal); |
| + if (retVal.testPassed) |
| + pass(); |
| + finishJSTest(); |
| + }); |
| + }, function() { |
| + promiseRejected(); |
| + finishJSTest(); |
| + }); |
| +} |
| + |
| +function init() |
| +{ |
| + if (window.testRunner) { |
| + testRunner.overridePreference("WebKitWebGLEnabled", "1"); |
| + testRunner.dumpAsText(); |
| + } |
| + image.onload = function() { |
| + generateTest(); |
| + } |
| + image.src = "resources/red-green-semi-transparent.png"; |
| +} |
| +</script> |
| +</head> |
| +<body onload="init()"> |
| +<canvas id="texcanvas" width="2" height="2"></canvas> |
| +<canvas id="example" width="32" height="32"></canvas> |
| +<div id="results">Test <span style="color:red">FAILED</span></div> |
| +</body> |
| +</html> |
