OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../js/resources/js-test-pre.js"></script> | 3 <script src="../js/resources/js-test-pre.js"></script> |
4 <script src="resources/spatial-navigation-utils.js"></script> | 4 <script src="resources/spatial-navigation-utils.js"></script> |
5 <script type="application/javascript"> | 5 <script type="application/javascript"> |
6 | 6 |
7 var resultMap = [ | 7 var resultMap = [ |
8 ["Down", "f2"], | 8 ["Down", "f2"], |
9 ["Down", "f3"], | 9 ["Down", "f3"], |
10 ["Down", "f3"], | 10 ["Down", "f3"], |
(...skipping 21 matching lines...) Expand all Loading... |
32 } | 32 } |
33 | 33 |
34 function testCompleted() | 34 function testCompleted() |
35 { | 35 { |
36 if (window.testRunner) | 36 if (window.testRunner) |
37 testRunner.notifyDone(); | 37 testRunner.notifyDone(); |
38 } | 38 } |
39 | 39 |
40 window.onload = runTest; | 40 window.onload = runTest; |
41 </script> | 41 </script> |
42 <script src="js/resources/js-test-post.js"></script> | |
43 <style> | 42 <style> |
44 div.overflow1 {overflow:auto; height:100px; width:200px; border: 1px solid c
yan;} | 43 div.overflow1 {overflow:auto; height:100px; width:200px; border: 1px solid c
yan;} |
45 div.overflow2 {overflow:hidden; height:80px; width:150px; border: 1px solid
cyan;} | 44 div.overflow2 {overflow:hidden; height:80px; width:150px; border: 1px solid
cyan;} |
46 div:focus { outline: 2px solid red;} | 45 div:focus { outline: 2px solid red;} |
47 </style> | 46 </style> |
48 </head> | 47 </head> |
49 | 48 |
50 <body> | 49 <body> |
51 <div class="overflow1"> | 50 <div class="overflow1"> |
52 <div><a href="#" id="start"><img src="resources/green.png" width=40px; height=40
px;></a></div> | 51 <div><a href="#" id="start"><img src="resources/green.png" width=40px; height=40
px;></a></div> |
53 <div><a href="#" id="f2"><img src="resources/green.png" width=50px; height=40px;
></a></div> | 52 <div><a href="#" id="f2"><img src="resources/green.png" width=50px; height=40px;
></a></div> |
54 <div><a href="#" id="f3"><img src="resources/green.png" width=40px; height=40px;
></a></div> | 53 <div><a href="#" id="f3"><img src="resources/green.png" width=40px; height=40px;
></a></div> |
55 <br> | 54 <br> |
56 <div><a href="#" id="f4"><img src="resources/green.png" width=50px; height=40px;
></a></div> | 55 <div><a href="#" id="f4"><img src="resources/green.png" width=50px; height=40px;
></a></div> |
57 <div class="overflow2"> | 56 <div class="overflow2"> |
58 <div><a href="#" id="f5"><img src="resources/green.png" width=40px; height=40px;
></a></div> | 57 <div><a href="#" id="f5"><img src="resources/green.png" width=40px; height=40px;
></a></div> |
59 <div><a href="#" id="f6"><img src="resources/green.png" width=50px; height=40px;
></a></div> | 58 <div><a href="#" id="f6"><img src="resources/green.png" width=50px; height=40px;
></a></div> |
60 <br> | 59 <br> |
61 <div><a href="#" id="f7"><img src="resources/green.png" width=40px; height=40px;
></a></div> | 60 <div><a href="#" id="f7"><img src="resources/green.png" width=40px; height=40px;
></a></div> |
62 <div><a href="#" id="f8"><img src="resources/green.png" width=50px; height=40px;
></a></div> | 61 <div><a href="#" id="f8"><img src="resources/green.png" width=50px; height=40px;
></a></div> |
63 </div><br> | 62 </div><br> |
64 <div><a href="#" id="f9"><img src="resources/green.png" width=40px; height=40px;
></a></div> | 63 <div><a href="#" id="f9"><img src="resources/green.png" width=40px; height=40px;
></a></div> |
65 </div></div> | 64 </div></div> |
66 <div id="console"></div> | 65 <div id="console"></div> |
67 This test is testing that div with overflow:auto would scroll, by div with overf
low:hidden would not. | 66 This test is testing that div with overflow:auto would scroll, by div with overf
low:hidden would not. |
68 </body> | 67 </body> |
69 </html> | 68 </html> |
70 | 69 |
OLD | NEW |