third_party/WebKit/LayoutTests/paint/invalidation/spv2/child-of-sub-pixel-offset-composited-layer.html

   1 <!-- Based on fast/repaint/child-of-sub-pixel-offset-composited-layer.html -->
   2 <!DOCTYPE html>
   3 <html>
   4 <head>
   5 <style>
   6 .container {
   7   transform: translateZ(0);
   8   position: absolute;
   9   top: 100px;
  10   left:100.5px;
  11   background-color: red;
  12 }
  13
  14 #target {
  15   position: absolute;
  16   left: 0px;
  17   width: 10px;
  18   height: 10px;
  19   border: 2px solid red;
  20 }
  21
  22 #target.green {
  23   border-color: green;
  24 }
  25 </style>
  26 <script src="resources/paint-invalidation-test.js" type="text/javascript"></script>
  27 </head>
  28 <body onload="runPaintInvalidationTest();">
  29 <div class="container">
  30 <div id="target">
  31 </div>
  32 </div>
  33 <script>
  34 // This test ensures that children of a composited element with a sub-pixel offset are properly repainted.
  35 // The box should have a fully green border.
  36 window.expectedPaintInvalidationObjects = [
  37     "LayoutBlockFlow (positioned) DIV id='target' class='green'",
  38 ];
  39 function paintInvalidationTest() {
  40   var target = document.getElementById('target');
  41   target.classList.add('green');
  42 }
  43 </script>