| 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 |