third_party/WebKit/LayoutTests/fast/writing-mode/flipped-blocks-hit-test-overflow.html

   1 <style>
   2     #target { background-color: red; }
   3     #target:hover { background-color: green; }
   4 </style>
   5 <div style="margin: 100px 0 0 92px; -webkit-writing-mode: horizontal-bt; height: 100px; width: 100px;">
   6     <div style="height: 100px;"></div>
   7     <div id="target" style="height: 50px;"></div>
   8 </div>
   9 <p>
  10     This tests hit-testing in the overflow area of flipped-blocks writing mode
  11     blocks.
  12 </p>
  13 <p>
  14     The red rectangle should turn green when you hover over it.
  15 </p>
  16 <p id="result">
  17 </p>
  18 <script>
  19     var target = document.getElementById("target");
  20     var result = document.elementFromPoint(150, 75);
  21     if (window.testRunner)
  22         testRunner.dumpAsText();
  23
  24     document.getElementById("result").innerText = result === target ? "PASS" : "FAIL";
  25 </script>