src/third_party/WebKit/LayoutTests/fast/regions/cssom/flowed-content-bounding-client-rect-vertical-rl.html

   1 <!DOCTYPE html>
   2
   3 <link rel="stylesheet" href="../resources/region-style.css"></link>
   4 <script type="text/javascript" charset="utf-8" src="../resources/helper.js"></script>
   5
   6 <style>
   7     html { -webkit-writing-mode: vertical-rl; }
   8
   9     body { margin: 10px; }
  10
  11     #region1 {
  12         position: absolute;
  13         left: 100px;
  14         width: 100px;
  15         height: 50px;
  16     }
  17
  18     #region2 {
  19         position: absolute;
  20         left: 200px;
  21         width: 50px;
  22         height: 50px;
  23     }
  24
  25     .finished #region1, .finished #region2 {
  26         display: none;
  27     }
  28 </style>
  29
  30 <div id="flow" class="flowArticle">
  31     <div id="green" class="greenBox"></div>
  32     <div id="blue" class="blueBox"></div>
  33     <div id="orange" class="orangeBox"></div>
  34 </div>
  35
  36 <div id="region1" class="regionArticle"></div>
  37 <div id="region2" class="regionArticle"></div>
  38
  39 <script>
  40     if (window.testRunner)
  41         testRunner.dumpAsText();
  42
  43     var expectedBoundingRects = {
  44         green: [10, 150, 60, 200, 50, 50],
  45         blue: [10, 100, 60, 150, 50, 50],
  46         orange: [10, 200, 60, 250, 50, 50]
  47     };
  48
  49     if (testBoundingRects(expectedBoundingRects))
  50         document.body.className = "finished";
  51 </script>