src/third_party/WebKit/LayoutTests/fast/repaint/child-of-sub-pixel-offset-composited-layer.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .container {
   6         -webkit-transform: translateZ(0);
   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/repaint.js" type="text/javascript"></script>
  27 </head>
  28 <body onload="runRepaintTest();">
  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 if (window.testRunner)
  37     testRunner.dumpAsTextWithPixelResults();
  38 function repaintTest() {
  39         var target = document.getElementById('target');
  40         target.classList.add('green');
  41 }
  42 </script>