src/third_party/WebKit/LayoutTests/fast/repaint/region-painting-via-layout.html

   1 <html>
   2 <head>
   3 <title>Test for https://bugs.webkit.org/show_bug.cgi?id=69932</title>
   4 <script>
   5     if (window.testRunner)
   6         window.testRunner.overridePreference("WebKitCSSRegionsEnabled", "1");
   7 </script>
   8 <style type="text/css">
   9 #content {
  10     -webkit-flow-into: flow1;
  11     position:relative;
  12     padding-top:1000px;
  13 }
  14
  15 #target { height: 200px; background-color: red }
  16
  17 #region1, #region2, #region3 {
  18     -webkit-flow-from: flow1;
  19 }
  20
  21 #region1 {
  22     width: 300px;
  23     height: 1000px;
  24     background-color:red
  25 }
  26
  27 #region2 {
  28     width: 100%;
  29     height: 180px;
  30     border:1px solid black;
  31     background-color:red
  32 }
  33
  34 </style>
  35 <script src="resources/repaint.js" type="text/javascript"></script>
  36 <script>
  37 function repaintTest()
  38 {
  39     document.getElementById('target').style.fontSize = '36px';
  40     document.getElementById('target').style.backgroundColor = 'green';
  41 }
  42 </script>
  43 </head>
  44 <body onload="runRepaintTest();">
  45     <div id="content"><div><div id="target"></div></div>
  46     </div>
  47     <div style="position:absolute;width:0;height:0;overflow:hidden">
  48       <div id="region1"></div>
  49     </div>
  50
  51     <div id="region2"></div>
  52     </body>
  53 </html>