third_party/WebKit/LayoutTests/paint/invalidation/composited-non-stacking-context-descendant-move.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4   margin: 0;
   5 }
   6
   7 #indicator {
   8     position: absolute;
   9     top: 200px;
  10     width: 100px;
  11     height: 100px;
  12     background-color: red;
  13 }
  14
  15 #block {
  16     position: relative;
  17     width: 100px;
  18     height: 100px;
  19     top: 100px;
  20     background-color: green;
  21 }
  22
  23 #composited-non-stacking-context {
  24     width: 20px;
  25     height: 20px;
  26     background-color: white;
  27     backface-visibility: hidden;
  28 }
  29 </style>
  30 <div id="indicator"></div>
  31 <div id="composited-non-stacking-context">
  32     <div id="block"></div>
  33 </div>
  34 This test passes if there is a green square without red.
  35 <script src="../../resources/run-after-layout-and-paint.js"></script>
  36 <script>
  37 runAfterLayoutAndPaint(function() {
  38     document.getElementById("block").style.top = "200px";
  39 }, true);
  40 </script>