src/third_party/WebKit/LayoutTests/fast/repaint/filter-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 .drop-shadowed {
  13   -webkit-filter: drop-shadow(100px 100px 10px red);
  14 }
  15 </style>
  16 <!--
  17     This test checks that we correctly invalidate filters when they are removed.
  18     There should be no red below.
  19 -->
  20 <div class="green drop-shadowed box" id="box"></div>
  21 <script src="resources/text-based-repaint.js"></script>
  22 <script>
  23 window.testIsAsync = true;
  24
  25 function repaintTest() {
  26     var box = document.getElementById('box');
  27     box.classList.toggle('drop-shadowed');
  28
  29     if (window.testRunner) {
  30         finishRepaintTest();
  31         testRunner.notifyDone();
  32     }
  33 }
  34 window.onload = runRepaintTest();
  35 </script>