third_party/WebKit/LayoutTests/fast/spatial-navigation/snav-offscreen-content.html

   1 <html>
   2   <!--
   3     This test ensures the content overflow traversal correctness of Spatial Navigation
   4     algorithm: focusable elements in an scrollable containers (e.g. <div>) should be
   5     accessible, including offscreen content.
   6
   7     * Pre-conditions:
   8     1) DRT support for SNav enable/disable.
   9
  10     * Navigation steps:
  11     1) Loads this page, focus goes to "start" automatically.
  12     2) Move focus down to the visible focusable element in
  13        scrollable div.
  14     3) Traverse the page through other focusable elements down the page.
  15        and then back up.
  16
  17     * Expected results: All focusable element in scrollable content, including
  18     offscreen ones, should be accessible via SNav. -->
  19   <head>
  20     <style type="text/css">
  21       .offscreen {
  22         position: absolute;
  23         left: -1000em;
  24       }
  25     </style>
  26
  27     <script src="../../resources/js-test.js"></script>
  28     <script src="resources/spatial-navigation-utils.js"></script>
  29     <script type="application/javascript">
  30
  31     var resultMap = [
  32       ["Left", "1"],
  33       ["DONE", "DONE"]
  34     ];
  35
  36     if (window.testRunner) {
  37       testRunner.dumpAsText();
  38       testRunner.overridePreference("WebKitTabToLinksPreferenceKey", 1);
  39       window.internals.settings.setSpatialNavigationEnabled(true);
  40       testRunner.waitUntilDone();
  41     }
  42
  43     function runTest()
  44     {
  45       // starting the test itself: get to a known place.
  46       document.getElementById("start").focus();
  47
  48       initTest(resultMap, testCompleted);
  49     }
  50
  51     function testCompleted()
  52     {
  53       if (window.testRunner)
  54         testRunner.notifyDone();
  55     }
  56
  57     window.onload = runTest;
  58
  59     </script>
  60   </head>
  61
  62
  63   <body id="some-content" xmlns="http://www.w3.org/1999/xhtml">
  64
  65     <div style="margin-left:120px">
  66       <a id="off" class="offscreen" href="a">offscreen content</a>
  67       <a id="start" href="a">Right link</a>
  68     </div><br>
  69     <a id="1" href="a">Down link</a><br>
  70     <div id="console"></div>
  71   </body>
  72 </html>
  73