OLD | NEW |
1 <html> | 1 <html> |
2 <!-- | 2 <!-- |
3 This test ensures that overflowed content can be focused by Spatial Navigati
on. | 3 This test ensures that overflowed content can be focused by Spatial Navigati
on. |
4 | 4 |
5 * Pre-conditions: | 5 * Pre-conditions: |
6 1) DRT support for SNav enable/disable. | 6 1) DRT support for SNav enable/disable. |
7 | 7 |
8 * Navigation steps: | 8 * Navigation steps: |
9 1) Loads this page, focus goes to "start" automatically. | 9 1) Loads this page, focus goes to "start" automatically. |
10 3) Try to traverse the links on page down. | 10 3) Try to traverse the links on page down. |
11 and then back up. | 11 and then back up. |
12 | 12 |
13 * Expected results: After 'start' gets the focus, tapping down arrow should
scroll its | 13 * Expected results: After 'start' gets the focus, tapping down arrow should
scroll its |
14 enclosing scrollable container (<div>) down, and *not* move focus to the l
ink whose id is '2'. | 14 enclosing scrollable container (<div>) down, and *not* move focus to the l
ink whose id is '2'. |
15 --> | 15 --> |
16 <head> | 16 <head> |
17 <style type="text/css"> | 17 <style type="text/css"> |
18 div.scroll { | 18 div.scroll { |
19 height: 200px; | 19 height: 200px; |
20 width: 300px; | 20 width: 300px; |
21 overflow: auto; | 21 overflow: auto; |
22 border: 1px solid #666; | 22 border: 1px solid #666; |
23 background-color: #ccc; | 23 background-color: #ccc; |
24 padding: 8px; | 24 padding: 8px; |
25 } | 25 } |
26 </style> | 26 </style> |
27 | 27 |
28 <script src="../js/resources/js-test-pre.js"></script> | 28 <script src="../../resources/js-test.js"></script> |
29 <script src="resources/spatial-navigation-utils.js"></script> | 29 <script src="resources/spatial-navigation-utils.js"></script> |
30 <script type="application/javascript"> | 30 <script type="application/javascript"> |
31 | 31 |
32 var resultMap = [ | 32 var resultMap = [ |
33 ["Down", "start"], | 33 ["Down", "start"], |
34 ["DONE", "DONE"] | 34 ["DONE", "DONE"] |
35 ]; | 35 ]; |
36 | 36 |
37 if (window.testRunner) { | 37 if (window.testRunner) { |
38 testRunner.dumpAsText(); | 38 testRunner.dumpAsText(); |
(...skipping 25 matching lines...) Expand all Loading... |
64 <div class="scroll"> | 64 <div class="scroll"> |
65 <p>It has a visible <a id="start" href="a">link_1</a>.</p> | 65 <p>It has a visible <a id="start" href="a">link_1</a>.</p> |
66 <br><br><br><br><br><br><br><br><br> | 66 <br><br><br><br><br><br><br><br><br> |
67 <p>... and an overflowed link like <a id="1" href="a">this</a>.</p> | 67 <p>... and an overflowed link like <a id="1" href="a">this</a>.</p> |
68 </div> | 68 </div> |
69 <br><br><br><br><br><br><br> | 69 <br><br><br><br><br><br><br> |
70 <p>This link should NOT get <a id="start" href="a">focused</a>.</p> | 70 <p>This link should NOT get <a id="start" href="a">focused</a>.</p> |
71 <div id="console"></div> | 71 <div id="console"></div> |
72 </body> | 72 </body> |
73 </html> | 73 </html> |
OLD | NEW |