third_party/WebKit/LayoutTests/fast/repaint/absolute-layer-specified-left-or-right-auto-width-moved-vertically.html

   1 <!DOCTYPE html>
   2 <script>
   3 function test()
   4 {
   5     if (!window.testRunner || !window.internals)
   6         return;
   7
   8     testRunner.dumpAsText();
   9     document.body.offsetTop;
  10     internals.startTrackingRepaints(document);
  11
  12     document.getElementById('left').style.top = '400px';
  13     document.getElementById('right').style.top = '400px';
  14
  15     document.body.offsetTop;
  16     var layerTree = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
  17     window.internals.stopTrackingRepaints(document);
  18     document.getElementById('result').textContent = layerTree.indexOf('repaint') == -1 ? 'SUCCESS' : 'FAIL';
  19 }
  20
  21 window.onload = test;
  22 </script>
  23
  24 <style>
  25     #left, #right {
  26         position: absolute;
  27         top: 200px;
  28         -webkit-backface-visibility: hidden;
  29     }
  30     #left {
  31         left: 0px;
  32     }
  33     #right {
  34         right: 0px;
  35     }
  36 </style>
  37
  38 There should be no repaint when the divs are moved vertically.
  39 <div id="left">Left</div>
  40 <div id="right">Right</div>
  41 <pre id="result"></pre>