third_party/WebKit/LayoutTests/transforms/3d/hit-testing/hit-preserves-3d.html

   1 <html>
   2 <head>
   3   <title>Hit testing on preserves-3d element</title>
   4   <style type="text/css" media="screen">
   5       .container
   6       {
   7         position: absolute;
   8         height: 200px;
   9         width:200px;
  10         top: 0;
  11         left: 0;
  12         background-color: gray;
  13       }
  14
  15       #target
  16       {
  17         position: relative;
  18         height: 160px;
  19         width: 160px;
  20         margin: 20px;
  21         background-color: #DDD;
  22         -webkit-transform-style: preserve-3d;
  23       }
  24
  25       #results {
  26         margin-top: 210px;
  27       }
  28   </style>
  29   <script type="text/javascript" charset="utf-8">
  30     if (window.testRunner)
  31       testRunner.dumpAsText();
  32     function runTest()
  33     {
  34       var hit = document.elementFromPoint(100, 100);
  35       var results = document.getElementById('results');
  36       if (hit == document.getElementById('target'))
  37         results.innerHTML = 'Hit target without crashing: PASSED';
  38       else
  39         results.innerHTML = 'Did not crash but failed to find target: FAIL';
  40     }
  41   </script>
  42 </head>
  43 <body onload="runTest()">
  44
  45   <div class="container">
  46     <div id="target">
  47     </div>
  48   </div>
  49   <div id="results"></div>
  50
  51 </body>
  52 </html>