| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <script> | 4 <script> |
| 5 async_test(t => { | 5 async_test(t => { |
| 6 var channel = new MessageChannel(); | 6 var channel = new MessageChannel(); |
| 7 var canvas = document.createElement('canvas'); | 7 var canvas = document.createElement('canvas'); |
| 8 canvas.width = canvas.height = 10; | 8 canvas.width = canvas.height = 10; |
| 9 var offscreen = canvas.transferControlToOffscreen(); | 9 var offscreen = canvas.transferControlToOffscreen(); |
| 10 channel.port2.onmessage = function(message) { | 10 channel.port2.onmessage = function(message) { |
| 11 var ctx = message.data.getContext('2d'); | 11 var ctx = message.data.getContext('2d'); |
| 12 ctx.fillStyle = '#0f0'; | 12 ctx.fillStyle = '#0f0'; |
| 13 ctx.fillRect(0, 0, 10, 10); | 13 ctx.fillRect(0, 0, 10, 10); |
| 14 ctx.commit(); | 14 ctx.commit(); |
| 15 setTimeout(function() { // synchronization barrier to allow commit to propag
ate | 15 // TODO(junov): Use the Promise returned by commit to schedule after the |
| 16 var canvas2 = document.createElement('canvas'); | 16 // commit. (crbug.com/709484) |
| 17 canvas2.width = canvas2.height = 10; | 17 setTimeout(function() { |
| 18 var ctx2 = canvas2.getContext('2d'); | 18 setTimeout(function() { |
| 19 ctx2.drawImage(canvas, 0, 0); | 19 var canvas2 = document.createElement('canvas'); |
| 20 var pixel = ctx2.getImageData(0, 0, 1, 1).data; | 20 canvas2.width = canvas2.height = 10; |
| 21 t.step(function() { | 21 var ctx2 = canvas2.getContext('2d'); |
| 22 assert_array_equals(pixel, [0, 255, 0, 255]); | 22 ctx2.drawImage(canvas, 0, 0); |
| 23 }); | 23 var pixel = ctx2.getImageData(0, 0, 1, 1).data; |
| 24 t.done(); | 24 t.step(function() { |
| 25 assert_array_equals(pixel, [0, 255, 0, 255]); |
| 26 }); |
| 27 t.done(); |
| 28 }, 0); |
| 25 }, 0); | 29 }, 0); |
| 26 } | 30 } |
| 27 channel.port1.postMessage(offscreen, [offscreen]); | 31 channel.port1.postMessage(offscreen, [offscreen]); |
| 28 }, "Verify that posting an OffscreenCanvas through a MessageChannel works as int
ended."); | 32 }, "Verify that posting an OffscreenCanvas through a MessageChannel works as int
ended."); |
| 29 | 33 |
| 30 test(function() { | 34 test(function() { |
| 31 var channel = new MessageChannel(); | 35 var channel = new MessageChannel(); |
| 32 var canvas = document.createElement('canvas'); | 36 var canvas = document.createElement('canvas'); |
| 33 canvas.width = canvas.height = 10; | 37 canvas.width = canvas.height = 10; |
| 34 var offscreen = canvas.transferControlToOffscreen(); | 38 var offscreen = canvas.transferControlToOffscreen(); |
| 35 channel.port2.onmessage = function() {}; | 39 channel.port2.onmessage = function() {}; |
| 36 assert_throws("DataCloneError", function() {channel.port1.postMessage(offscree
n)}); | 40 assert_throws("DataCloneError", function() {channel.port1.postMessage(offscree
n)}); |
| 37 }, "Verify that cloning an OffscreenCanvas through a MessageChannel throws an ex
ception") | 41 }, "Verify that cloning an OffscreenCanvas through a MessageChannel throws an ex
ception") |
| 38 | 42 |
| 39 </script> | 43 </script> |
| OLD | NEW |