third_party/WebKit/LayoutTests/fast/repaint/repaint-descandant-on-ancestor-layer-move.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     position: absolute;
   5     left: 0px;
   6     top: 0px;
   7     right: 0px;
   8     bottom: 0px;
   9 }
  10 body > div {
  11     position: absolute;
  12     left: 400px; top: 10px; opacity: 1;
  13 }
  14 div > div {
  15     position: relative;
  16     display: inline-block;
  17     left: 20px;
  18     top: 20px;
  19     width: 300px;
  20     background-color: papayawhip;
  21 }
  22 </style>
  23 <body onload="runRepaintTest();">
  24 <div id="container">
  25     <div>
  26         There should only be one copy of this text.
  27     </div>
  28 </div>
  29
  30 <script src="resources/text-based-repaint.js"></script>
  31 <script>
  32 function repaintTest() {
  33     var container = document.getElementById('container');
  34     container.style.left = '0px';
  35 };
  36 </script>