91594d336f362b4c6a02bfe291198163f0264012
[WebKit-https.git] / LayoutTests / compositing / shared-backing / overflow-scroll / scrolled-contents-has-painted-content.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
2 <html>
3 <head>
4     <title>Tests that "has painted content" is triggered by sharing</title>
5     <style>
6         .scroller {
7             overflow: scroll;
8             width: 300px;
9             height: 300px;
10             border: 2px solid black;
11         }
12         
13         .relative {
14             position: relative;
15             margin: 20px;
16             padding: 10px;
17             height: 100px;
18             border: 2px solid orange;
19             background-color: silver;
20         }
21         
22         .spacer {
23             height: 200px;
24         }
25     </style>
26     <script>
27         if (window.testRunner)
28             testRunner.dumpAsText();
29
30         window.addEventListener('load', () => {
31             if (window.internals)
32                 document.getElementById('layers').textContent = internals.layerTreeAsText(document);
33         }, false);
34     </script>
35 </head>
36 <body>
37     <div class="scroller">
38         <div class="relative">
39             Relative foreground
40         </div>
41         <div class="spacer"></div>
42     </div>
43 <pre id="layers"></pre>
44 </body>
45 </html>