|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Test for Bug 731777</title> |
|
5 <script type="application/javascript" 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 -moz-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 -moz-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> |