src/third_party/WebKit/LayoutTests/compositing/change-from-paints-into-ancestor-to-paints-into-own-backing-for-intrinsic-reason.html

   1 <!DOCTYPE html>
   2 <style>
   3 .spinner {
   4   backface-visibility: hidden;
   5   background-color: blue;
   6   height: 100px;
   7   width: 100px;
   8 }
   9 .transparent {
  10   opacity: 0;
  11 }
  12 #container {
  13   -webkit-perspective: 1px;
  14   background-color: red;
  15   overflow: hidden;
  16 }
  17 </style>
  18 <script src="../fast/repaint/resources/text-based-repaint.js"></script>
  19 <div id="container">
  20   <div class="spinner"></div>
  21 </div>
  22 <script>
  23 // Tests that transitioning  the container div from "composited but paints into ancestor" into "composited into own backing"
  24 // for intrinsic reasons (in this case due to opacity change) correctly invalidates the old paint invalidation backing (document)
  25 // before the change.
  26 function repaintTest() {
  27     document.getElementById('container').classList.add('transparent');
  28 }
  29 if (window.testRunner)
  30     runRepaintTest();
  31 </script>