src/third_party/WebKit/LayoutTests/fast/regions/cssom/get-region-flow-ranges-absolute-pos.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 <script src="../resources/helper.js"></script>
   6 <style>
   7     .border { border: 1px solid red; }
   8     #box1 { -webkit-flow-into: flow; position: absolute; width: 50px; height: 50px; background-color: green; top: 25px; left: 25px; }
   9     #region1 { -webkit-flow-from: flow; width: 100px; height: 100px; position: absolute; top: 100px; left: 50px; }
  10 </style>
  11 </head>
  12 <body>
  13     <div id="description"></div>
  14     <div id="wrapper"><div id="box1"></div></div>
  15     <div id="region1" class="border"></div>
  16 <script>
  17     if (window.layoutTestController)
  18         layoutTestController.dumpAsText();
  19
  20     debug("[CSSRegions] Test for Region::getRegionFlowRanges for absolute positioned elements");
  21     var region1 = document.getElementById("region1");
  22     range1 = region1.webkitGetRegionFlowRanges();
  23     shouldEvaluateTo("range1.length", 1);
  24     compareArrays(getRangeAt(range1, 0), ["wrapper", 0, "wrapper", 1]);
  25
  26 function hideRegionsAndFlows() {
  27     document.getElementById("region1").style.visibility = "hidden";
  28 }
  29
  30     hideRegionsAndFlows();
  31 </script>
  32 </body>
  33 </html>