| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!--The test makes four canvases. The first never receives a getContext. The | 2 <!--The test makes four canvases. The first never receives a getContext. The |
| 3 second is rendered into immediately. The third and fourth are rendered | 3 second is rendered into immediately. The third and fourth are rendered |
| 4 into with from nested setTimeout callbacks. When the canvases are accelerated | 4 into with from nested setTimeout callbacks. When the canvases are accelerated |
| 5 we expect that the latter three are all placed in render layers while | 5 we expect that the latter three are all placed in render layers while |
| 6 the first is not.--> | 6 the first is not.--> |
| 7 <html> | 7 <html> |
| 8 <body style="line-height: 0;"> | 8 <body style="line-height: 0;"> |
| 9 <canvas id="A" width=100 height=100></canvas><canvas id="B" width=100 height=1
00></canvas><canvas id="C" width=100 height=100></canvas><canvas id="D" width=10
0 height=100></canvas> | 9 <canvas id="A" width=100 height=100></canvas><canvas id="B" width=100 height=1
00></canvas><canvas id="C" width=100 height=100></canvas><canvas id="D" width=10
0 height=100></canvas> |
| 10 <script type="text/javascript" charset="utf-8"> | 10 <script type="text/javascript" charset="utf-8"> |
| 11 if (window.testRunner) | 11 if (window.testRunner) |
| 12 testRunner.waitUntilDone(); | 12 testRunner.waitUntilDone(); |
| 13 | 13 |
| 14 function doTest() { | 14 function doTest() { |
| 15 var contextB = document.getElementById("B").getContext("2d"); | 15 var contextB = document.getElementById("B").getContext("2d"); |
| 16 contextB.fillStyle = "#00C000"; | 16 contextB.fillStyle = "#00C000"; |
| 17 contextB.fillRect(0, 0, 100, 100); | 17 contextB.fillRect(0, 0, 100, 100); |
| 18 | 18 |
| 19 window.setTimeout(function() { | 19 window.setTimeout(function() { |
| 20 var contextD = document.getElementById("D").getContext("2d"); | 20 var contextD = document.getElementById("D").getContext("2d"); |
| 21 contextD.fillStyle = "#00C000"; | 21 contextD.fillStyle = "#00C000"; |
| 22 contextD.fillRect(0, 0, 100, 100); | 22 contextD.fillRect(0, 0, 100, 100); |
| 23 | 23 |
| 24 window.setTimeout(function() { | 24 window.setTimeout(function() { |
| 25 var contextC = document.getElementById("C").getContext("2d"); | 25 var contextC = document.getElementById("C").getContext("2d"); |
| 26 contextC.fillStyle = "#00C000"; | 26 contextC.fillStyle = "#00C000"; |
| 27 contextC.fillRect(0, 0, 100, 100); | 27 contextC.fillRect(0, 0, 100, 100); |
| 28 if (window.testRunner) | 28 if (window.testRunner) |
| 29 testRunner.notifyDone(); | 29 testRunner.layoutAndPaintAsyncThen(function(){ testRunner.no
tifyDone(); }); |
| 30 }, 0); | 30 }, 0); |
| 31 | 31 |
| 32 }, 0); | 32 }, 0); |
| 33 } | 33 } |
| 34 window.addEventListener('load', doTest, false); | 34 window.addEventListener('load', doTest, false); |
| 35 </script> | 35 </script> |
| 36 </body> | 36 </body> |
| 37 </html> | 37 </html> |
| OLD | NEW |