| <html> |
| <head> |
| <style> |
| #rotated { |
| width: 100px; |
| height: 100px; |
| background: red; |
| margin: 10px; |
| padding: 10px; |
| transform: rotate(180deg); |
| } |
| </style> |
| <script> |
| if (window.testRunner) |
| window.testRunner.dumpAsText() |
| |
| function runTest() |
| { |
| document.body.offsetWidth; |
| var elt = document.elementFromPoint(50, 50); |
| if (elt == document.getElementById('rotated')) |
| document.getElementById('console').innerHTML = 'PASS'; |
| else |
| document.getElementById('console').innerHTML = 'FAIL'; |
| elt.style.display = 'none'; |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <div id="rotated">180 degree rotation</div> |
| <div id="console"></div> |
| </body> |
| </html> |
