Move code that sets compositing paint phases into a single function
[WebKit-https.git] / LayoutTests / compositing / overflow / stacking-context-composited-scroller-with-foreground-paint-phases.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] --><html>
2 <head>
3     <style>
4         .scroller {
5             position: relative;
6             z-index: 0;
7             width: 300px;
8             height: 300px;
9             border: 1px solid black;
10             overflow: scroll;
11             padding: 10px;
12         }
13
14         .contents {
15             height: 1000px;
16         }
17         
18         .negative {
19             position: absolute;
20             z-index: -1;
21             top: 50px;
22             left: 30px;
23             width: 100px;
24             height: 100px;
25             background-color: blue;
26         }
27     </style>
28     <script>
29         if (window.testRunner)
30             testRunner.dumpAsText();
31
32         window.addEventListener('load', () => {
33             document.getElementById('layers').textContent = internals.layerTreeAsText(document, window.internals.LAYER_TREE_INCLUDES_PAINTING_PHASES);
34         }, false);
35     </script>
36 </head>
37 <body>
38     <div class="scroller">
39         <div class="negative"></div>
40         <div class="contents">Scrolled contents</div>
41     </div>
42 <pre id="layers"></pre>
43 </body>
44 </html>