test_bug731777.html (1097B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Test for Bug 731777</title> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 7 <style> 8 #container { 9 position: relative; 10 height: 300px; 11 width: 300px; 12 margin: 50px 100px; 13 border: 2px solid blue; 14 background-color: #044B0A; 15 16 perspective: 500px; 17 overflow:hidden; 18 } 19 20 #inner { 21 margin: 0px; 22 width: 480px; 23 border: 2px solid blue; 24 height: 220px; 25 background-color: #844BCA; 26 27 transform: rotateY(91deg) translateX(0px) translateZ(0px); 28 transition: 5s; 29 } 30 31 </style> 32 </head> 33 <body> 34 <div id="container"> 35 <div id="inner"></div> 36 </div> 37 38 <pre id="test"> 39 <script type="application/javascript"> 40 41 /** Test for Bug 731777 */ 42 43 is(document.elementFromPoint(325,170), document.getElementById("inner"), "Able to hit transformed object"); 44 is(document.elementFromPoint(405,170), document.getElementById("inner"), "Able to hit transformed object"); 45 46 </script> 47 </pre> 48 </body> 49 </html>