| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script> | 4 <script> |
| 5 if (window.testRunner) | 5 if (window.testRunner) |
| 6 window.testRunner.dumpAsText() | 6 window.testRunner.dumpAsText() |
| 7 | 7 |
| 8 function runTest() | 8 function runTest() |
| 9 { | 9 { |
| 10 document.body.offsetWidth; | 10 document.body.offsetWidth; |
| 11 var elt = document.elementFromPoint(130, 130); | 11 var elt = document.elementFromPoint(130, 130); |
| 12 if (elt == document.getElementById('progress')) | 12 if (elt == document.getElementById('progress')) |
| 13 document.getElementById('console').innerHTML = 'PASS'; | 13 document.getElementById('console').innerHTML = 'PASS'; |
| 14 else | 14 else |
| 15 document.getElementById('console').innerHTML = 'FAIL'; | 15 document.getElementById('console').innerHTML = 'FAIL'; |
| 16 } | 16 } |
| 17 </script> | 17 </script> |
| 18 <style type="text/css"> | 18 <style type="text/css"> |
| 19 #progress { | 19 #progress { |
| 20 width: 2px; | 20 width: 2px; |
| 21 height: 2px; | 21 height: 2px; |
| 22 margin: 10px; | 22 margin: 10px; |
| 23 -webkit-transform: scale(60); | 23 transform: scale(60); |
| 24 -webkit-transform-origin: 0 0; | 24 -webkit-transform-origin: 0 0; |
| 25 background-color: blue; | 25 background-color: blue; |
| 26 } | 26 } |
| 27 | 27 |
| 28 #progress:hover { | 28 #progress:hover { |
| 29 background-color: red; | 29 background-color: red; |
| 30 } | 30 } |
| 31 </style> | 31 </style> |
| 32 </head> | 32 </head> |
| 33 <body onload="runTest()"> | 33 <body onload="runTest()"> |
| 34 <p>The blue box only responds to hover over some of its area. It has a scale
() transform</p> | 34 <p>The blue box only responds to hover over some of its area. It has a scale
() transform</p> |
| 35 <div id="progress"></div> | 35 <div id="progress"></div> |
| 36 | 36 |
| 37 <div id="console"></div> | 37 <div id="console"></div> |
| 38 </body> | 38 </body> |
| 39 </html> | 39 </html> |
| OLD | NEW |