third_party/WebKit/LayoutTests/fast/transforms/transform-hit-test-flipped.html

   1 <html>
   2 <head>
   3 <style>
   4   #rotated {
   5     width: 100px;
   6     height: 100px;
   7     background: red;
   8     margin: 10px;
   9     padding: 10px;
  10     transform: rotate(180deg);
  11   }
  12 </style>
  13 <script>
  14 if (window.testRunner)
  15   window.testRunner.dumpAsText()
  16
  17 function runTest()
  18 {
  19    document.body.offsetWidth;
  20    var elt = document.elementFromPoint(50, 50);
  21    if (elt == document.getElementById('rotated'))
  22        document.getElementById('console').innerHTML = 'PASS';
  23    else
  24        document.getElementById('console').innerHTML = 'FAIL';
  25    elt.style.display = 'none';
  26 }
  27 </script>
  28 </head>
  29 <body onload="runTest()">
  30 <div id="rotated">180 degree rotation</div>
  31 <div id="console"></div>
  32 </body>
  33 </html>