third_party/WebKit/LayoutTests/fast/repaint/fixed-position-layer-moved.html

   1 <!DOCTYPE html>
   2 <script>
   3 window.onload = function()
   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('a').style.top = '400px';
  13     document.getElementById('b').style.left = '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 </script>
  21
  22 <style>
  23 .fixed {
  24     position: fixed;
  25     top: 200px;
  26     left: 200px;
  27     width: 100px;
  28     -webkit-backface-visibility: hidden;
  29 }
  30 </style>
  31
  32 There should be no repaint when the divs are moved.
  33 <div class="fixed" id="a">A</div>
  34 <div class="fixed" id="b">B</div>
  35 <pre id="result"></pre>