| <!DOCTYPE html> |
| <!--The test makes four canvases. The first never receives a getContext. The |
| second is rendered into immediately. The third and fourth are rendered |
| into with from nested setTimeout callbacks. When the canvases are accelerated |
| we expect that the latter three are all placed in render layers while |
| the first is not.--> |
| <html> |
| <body style="line-height: 0;"> |
| <canvas id="A" width=100 height=100></canvas><canvas id="B" width=100 height=100></canvas><canvas id="C" width=100 height=100></canvas><canvas id="D" width=100 height=100></canvas> |
| <script type="text/javascript" charset="utf-8"> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function doTest() { |
| var contextB = document.getElementById("B").getContext("2d"); |
| contextB.fillStyle = "#00C000"; |
| contextB.fillRect(0, 0, 100, 100); |
| |
| window.setTimeout(function() { |
| var contextD = document.getElementById("D").getContext("2d"); |
| contextD.fillStyle = "#00C000"; |
| contextD.fillRect(0, 0, 100, 100); |
| |
| window.setTimeout(function() { |
| var contextC = document.getElementById("C").getContext("2d"); |
| contextC.fillStyle = "#00C000"; |
| contextC.fillRect(0, 0, 100, 100); |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }, 0); |
| |
| }, 0); |
| } |
| window.addEventListener('load', doTest, false); |
| </script> |
| </body> |
| </html> |
