third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-after-display.html

   1 <!DOCTYPE html>
   2 <style>
   3 .green {
   4   background-color: green;
   5 }
   6 .box {
   7   width: 200px;
   8   height: 200px;
   9   position: absolute;
  10   left: 300px;
  11 }
  12 .reflected {
  13   -webkit-box-reflect: right 50px;
  14 }
  15 </style>
  16 <!--
  17     This test checks that we correctly invalidate reflection when they are removed.
  18     There should be only one green box below.
  19 -->
  20 <div class="green reflected box" id="box"></div>
  21 <script src="resources/text-based-repaint.js"></script>
  22 <script>
  23 function repaintTest() {
  24     var box = document.getElementById('box');
  25     box.classList.toggle('reflected');
  26 }
  27 window.onload = runRepaintTest;
  28 </script>