third_party/WebKit/LayoutTests/paint/invalidation/spv2/fixed-tranformed.html

   1 <!-- Based on fast/repaint/fixed-tranformed.html -->
   2 <!DOCTYPE html>
   3
   4 <html>
   5 <head>
   6     <style type="text/css" media="screen">
   7         body {
   8           height: 1000px;
   9           margin: 0;
  10         }
  11         #test {
  12         width: 100px;
  13         height: 100px;
  14         background-color: red;
  15         position: fixed;
  16         top: 10px;
  17         left: 10px;
  18         transform: translate(50px, 50px);
  19         }
  20
  21         .box:hover {
  22           background-color: green;
  23         }
  24     </style>
  25     <script src="resources/paint-invalidation-test.js" type="text/javascript"></script>
  26     <script type="text/javascript">
  27         window.expectedPaintInvalidationObjects = [
  28             "LayoutBlockFlow (positioned) DIV id='test'",
  29         ];
  30         function paintInvalidationTest()
  31         {
  32             document.getElementById('test').style.background='green';
  33         }
  34
  35         function setupTest() {
  36             window.scrollBy(0, 50);
  37             runPaintInvalidationTest();
  38         };
  39         window.addEventListener('load', setupTest, false);
  40     </script>
  41 </head>
  42 <body>
  43
  44 <!--
  45     https://bugs.webkit.org/show_bug.cgi?id=36686
  46     Test repainting of a fixed-position element with a transform.
  47     The box should be entirely green.
  48 -->
  49 <div id="test"></div>
  50
  51 </body>
  52 </html>