third_party/WebKit/LayoutTests/paint/invalidation/spv2/repaint-via-layout-offset.html

   1 <!-- Based on compositing/squashing/repaint-via-layout-offset.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <style>
   5 #container {
   6   position: absolute;
   7   z-index: 0;
   8   left: 50px;
   9   top: 50px;
  10 }
  11
  12 .child {
  13   position: absolute;
  14   width: 40px;
  15   height: 40px;
  16   background-color: red;
  17 }
  18
  19 .embiggen {
  20   width: 50px;
  21   height: 50px;
  22   background-color: green;
  23 }
  24 </style>
  25 <div style="width:200px; height:200px; transform: translateZ(0px); background-color: lightblue"></div>
  26 <div id="container">
  27   <span class="child"></span>
  28   <span class="child"></span>
  29 </div>
  30 <script>
  31 window.expectedPaintInvalidationObjects = [
  32     "LayoutBlockFlow (positioned) SPAN class='child embiggen'",
  33 ];
  34 function paintInvalidationTest() {
  35     document.querySelectorAll('.child')[1].classList.add('embiggen');
  36 }
  37 runPaintInvalidationTest();
  38 </script>