[Mac] Remove backing store for layers that are outside the viewport
[WebKit-https.git] / LayoutTests / compositing / hidpi-composited-container-and-graphics-layer-gap-changes.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>This tests when the gap between the graphics layer and its associated renderer changes dynamically.</title>
5 <style>
6 div {
7   transform: translateZ(0);
8   width: 20px;
9   height: 20px;
10   background-color: green;
11   position: absolute;
12 }
13
14 .boxShadow {
15   background-color: yellow;
16 }
17 </style>
18 <script>
19   if (window.testRunner)
20     testRunner.waitUntilDone();
21
22   function runTest() {
23         setTimeout(function() {
24           var elements = document.getElementsByClassName("boxShadow")
25           for (var i = 0; i < elements.length; ++i)
26         elements[i].style.boxShadow = "0px 0px 10px transparent"; 
27       if (window.testRunner)
28         testRunner.notifyDone();
29       }, 0);
30   }
31 </script>
32 </head>
33 <body onload="runTest()">
34 <p id="container"></p>
35 <script>
36   var subpixel = 0;
37   var container = document.getElementById("container");
38   for (i = 0; i < 20; ++i) {
39     for (j = 0; j < 20; ++j) {
40       var outer = document.createElement("div");
41       outer.style.top = 25 * i + subpixel + "px";
42       outer.style.left = 25 * j + subpixel + "px";
43       outer.className = "boxShadow";
44       outer.appendChild(document.createElement("div"));
45       container.appendChild(outer);
46       subpixel += 0.1;
47     }
48   }
49 </script>
50 </body>
51 </html>