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 |