third_party/WebKit/LayoutTests/paint/invalidation/spv2/squashing-inside-preserve-3d-element.html

   1 <!-- Based on compositing/squashing/squashing-inside-preserve-3d-element.html -->
   2 <!doctype html>
   3 <div style="-webkit-transform-style: preserve-3d">
   4   <div style="width: 100px; height: 100px; background:lightgray; transform:translateZ(0)"></div>
   5   <div id="target" style="position: absolute; top: 20px; left: 20px; height: 100px; width: 100px; background:lightblue"></div>
   6 </div>
   7 <script src="resources/paint-invalidation-test.js"></script>
   8 <script>
   9 // Test that squashing works properly when inside of a transform-style: preserve-3d element. In the bug that this layout test
  10 // was added to fix, the coordinates of the squashing layer paint invalidation rects were not recorded correctly, because some of
  11 // the code computed transformed ancestors incorrectly (it should *not* include the preserve-3d element).
  12
  13 window.expectedPaintInvalidationObjects = [
  14     "LayoutBlockFlow (positioned) DIV id='target'",
  15 ];
  16 function paintInvalidationTest() {
  17     var target = document.getElementById('target');
  18     target.style.background = 'red';
  19 }
  20
  21 runPaintInvalidationTest();
  22 </script>