Add basic support for getting a ImageBitmapRenderingContext
[WebKit-https.git] / LayoutTests / tiled-drawing / toggle-to-fixed-background.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <style>
6         body {
7             background-image: linear-gradient(to top, blue, white);
8             height: 5000px;
9         }
10
11         body.fixed {
12             background-attachment: fixed;
13         }
14
15         #layers {
16             margin: 100px;
17             background-color: silver;
18         }
19         
20         .box {
21             height: 100px;
22             width: 100px;
23             background-color: blue;
24         }
25         .composited {
26             -webkit-transform: translateZ(0);
27         }
28     </style>
29     <script>
30         if (window.testRunner) {
31             testRunner.dumpAsText();
32             testRunner.waitUntilDone();
33         }
34
35         function documentLoaded()
36         {
37             window.setTimeout(doTest, 0);
38         }
39         
40         function doTest()
41         {
42             document.body.classList.add('fixed');
43
44             if (window.internals)
45                 document.getElementById('layers').textContent = window.internals.layerTreeAsText(document);
46             
47             if (window.testRunner)
48                 testRunner.notifyDone();
49         }
50         window.addEventListener('load', documentLoaded, false);
51     </script>
52 </head>
53 <body>
54
55 <p>Toggling to a fixed background on the body should make a layer for the background.</p>
56 <div class="composited box">
57     
58 </div>
59 <pre id="layers"></pre>
60
61 </body>
62 </html>