REGRESSION (tile cache layers): bits of tiled layers are missing with certain 3D...
[WebKit-https.git] / LayoutTests / compositing / tiling / rotated-tiled-clamped.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <style>
6         body {
7             overflow: hidden; /* hide body scrollbars */
8         }
9         .scene {
10             position: relative;
11             -webkit-perspective: 600px;
12             width: 500px;
13             height: 300px;
14             margin: 50px;
15             overflow: hidden;
16             border: 1px solid black;
17         }
18         .tiled {
19             position: absolute;
20             left: -1250px;
21             height: 300px;
22             width: 2500px;
23             background-color: silver;
24             border-right: 300px solid green; /* this should be visible */
25             -webkit-transform: rotateY(80deg);
26             -webkit-transform-origin: 1500px 50%;
27         }
28         
29         #layers {
30             opacity: 0; /* hide from pixel result */
31         }
32     </style>
33     <script>
34         if (window.testRunner)
35             testRunner.dumpAsText(true);
36
37         function doTest()
38         {
39             if (window.internals) {
40                 document.getElementById('layers').innerText = internals.layerTreeAsText(document,
41                     internals.LAYER_TREE_INCLUDES_VISIBLE_RECTS | internals.LAYER_TREE_INCLUDES_TILE_CACHES);
42             }
43         }
44     
45         window.addEventListener('load', doTest, false);
46     </script>
47 </head>
48 <body>
49
50 <div class="scene">
51     <div class="tiled"></div>
52 </div>
53 <pre id="layers">Layer tree goes here</p>
54
55 </body>
56 </html>