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 |