src/third_party/WebKit/LayoutTests/fast/repaint/region-painting-composited-element.html

   1 <!doctype html>
   2 <head>
   3 <title>Test for https://bugs.webkit.org/show_bug.cgi?id=102826</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 }
  12
  13 #target {
  14     background-color: green;
  15     width: 100px;
  16     height: 50px;
  17     /* Force a composited layer. */
  18     -webkit-transform: translate3d(0,0,0);
  19 }
  20
  21 #region1, #region2 {
  22     width: 100px;
  23     height: 50px;
  24     -webkit-flow-from: flow1;
  25 }
  26
  27 #region1 {
  28     /* Make sure that the content of the first region will display in a totally
  29        different place than it would have been displayed if regions were not used. */
  30     background-color: red;
  31 }
  32
  33 #region2 {
  34     background-color: green;
  35 }
  36
  37 </style>
  38 </head>
  39 <body>
  40     <!-- Testing that the RenderObject is marked as part of the RenderFlowThread before it applies the first style.
  41         The test should paint two green rectangles. There should be no red. -->
  42     <div id="content">
  43         <div id="target"></div>
  44     </div>
  45     <div id="region1"></div><br />
  46     <div id="region2"></div>
  47 </body>
  48 </html>