third_party/WebKit/LayoutTests/paint/invalidation/spv2/reflection-invalidation-after-display.html

   1 <!-- Based on fast/repaint/reflection-invalidation-after-display.html -->
   2 <!DOCTYPE html>
   3 <style>
   4 .green {
   5   background-color: green;
   6 }
   7 .box {
   8   width: 200px;
   9   height: 200px;
  10   position: absolute;
  11   left: 300px;
  12 }
  13 .reflected {
  14   -webkit-box-reflect: right 50px;
  15 }
  16 </style>
  17 <!--
  18     This test checks that we correctly invalidate reflection when they are removed.
  19     There should be only one green box below.
  20 -->
  21 <div class="green reflected box" id="box"></div>
  22 <script src="resources/paint-invalidation-test.js"></script>
  23 <script>
  24 window.expectedPaintInvalidationObjects = [
  25     "LayoutBlockFlow (positioned) DIV id='box' class='green box'",
  26     "LayoutBlockFlow (positioned) DIV id='box' class='green box'",
  27 ];
  28 function paintInvalidationTest() {
  29     var box = document.getElementById('box');
  30     box.classList.toggle('reflected');
  31 }
  32 window.onload = runPaintInvalidationTest;
  33 </script>