third_party/WebKit/LayoutTests/compositing/self-painting-layers.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Self painting layers</title>
   5
   6     <style type="text/css" media="screen">
   7
   8     #container {
   9       width: 300px;
  10       margin: 10px;
  11       border: 1px solid black;
  12     }
  13
  14     #details {
  15      width: 300px;
  16      height: 150px;
  17      margin: 10px;
  18      overflow: auto;
  19      border: 1px solid black;
  20     }
  21
  22     #details > div {
  23       width: 100%;
  24       height: 500px;
  25       font-size: 24pt;
  26       line-height: 150%;
  27     }
  28     </style>
  29
  30     <script src="resources/media-testing.js"></script>
  31     <script src="../media/media-file.js"></script>
  32
  33     <script type="text/javascript" charset="utf-8">
  34       function testDone()
  35       {
  36         document.getElementById('details').scrollTop = 24;
  37         if (window.testRunner)
  38           testRunner.notifyDone();
  39       }
  40
  41       function doTest()
  42       {
  43         var video = document.getElementsByTagName('video')[0];
  44         setupVideo(video, 'resources/video', testDone);
  45       }
  46     </script>
  47   </head>
  48   <body onload="doTest()">
  49       <p>You should not see double text when the div scrolls</p>
  50         <div id="container">
  51           <video id="video" width="300" height="200"></video>
  52         </div>
  53
  54         <div id="details">
  55             <div>
  56               Scrolled<br>text<br>here.
  57             </div>
  58         </div>
  59
  60   </body>
  61 </html>