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
  29     </style>
  30     <script type="text/javascript" charset="utf-8">
  31       if (window.layoutTestController)
  32         layoutTestController.waitUntilDone();
  33
  34       function testOnLoad()
  35       {
  36         window.setTimeout(function() {
  37           document.getElementById('details').scrollTop = 24;
  38           if (window.layoutTestController)
  39             layoutTestController.notifyDone();
  40         }, 0);
  41       }
  42
  43       window.addEventListener('load', function() {
  44         var video = document.getElementById('video');
  45         video.addEventListener('loadeddata', testOnLoad, false);
  46         video.src = 'resources/video.' + (video.canPlayType('video/ogg') ? 'ogv' : 'mp4');
  47       }, false);
  48     </script>
  49   </head>
  50   <body>
  51       <p>You should not see double text when the div scrolls</p>
  52         <div id="container">
  53           <video id="video" width="300" height="200"></video>
  54         </div>
  55
  56         <div id="details">
  57             <div>
  58               Scrolled<br>text<br>here.
  59             </div>
  60         </div>
  61
  62   </body>
  63 </html>