toolkit/spatial-navigation/tests/chrome/test_snav_tightlinks.xul

   1 <?xml version="1.0"?>
   2 <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
   3 <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css type="text/css"?>
   4
   5 <!--
   6 https://bugzilla.mozilla.org/show_bug.cgi?id=436084
   7 -->
   8
   9 <window title="Mozilla Bug 288254"
  10   xmlns:html="http://www.w3.org/1999/xhtml"
  11   xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  12   onload="onLoad();">
  13
  14   <script type="application/javascript" src="chrome://mochikit/content/MochiKit/packed.js"></script>
  15   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
  16   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
  17   <script type="application/javascript" src="SpatialNavUtils.js"></script>
  18
  19 <body id="some-content" xmlns="http://www.w3.org/1999/xhtml">
  20
  21 <a id="start" href="https://bugzilla.mozilla.org/show_bug.cgi?id=436084">Mozilla Bug 436084 (roxama test case)</a>
  22 <table>
  23
  24 <tbody>
  25
  26 <tr>
  27   <td style="font-size: small;"><a id="1" href="a">Link</a></td>
  28   <td style="font-size: small;"><a id="2" href="a">Link</a></td>
  29   <td style="font-size: small;"><a id="3" href="a">Link</a></td>
  30   <td style="font-size: small;"><a id="4" href="a">Link</a></td>
  31 </tr>
  32
  33 <tr>
  34   <td style="font-size: small;"><a id="5" href="a">Link</a></td>
  35   <td style="font-size: small;"><a id="6" href="a">Link</a></td>
  36   <td style="font-size: small;"><a id="7" href="a">Link</a></td>
  37   <td style="font-size: small;"><a id="8" href="a">Link</a></td>
  38 </tr>
  39
  40 <tr>
  41   <td style="font-size: small;"><a id="9" href="a">Link</a></td>
  42   <td  style="font-size: small;"><a id="10" href="a">Link</a></td>
  43   <td  style="font-size: small;"><a id="11" href="a">Link</a></td>
  44   <td  style="font-size: small;"><a id="12" href="a">Link</a></td>
  45 </tr>
  46
  47 <tr>
  48   <td  style="font-size: small;"><a id="13" href="a">Link</a></td>
  49   <td  style="font-size: small;"><a id="14" href="a">Link</a></td>
  50   <td  style="font-size: small;"><a id="15" href="a">Link</a></td>
  51   <td  style="font-size: small;"><a id="16" href="a">Link</a></td>
  52 </tr>
  53
  54 </tbody>
  55 </table>
  56 </body>
  57
  58
  59 <script class="testbody" type="application/javascript">
  60 <![CDATA[
  61 Components.utils.import("resource://gre/modules/SpatialNavigation.js");
  62
  63 var moveTable = [
  64 ["DOWN", "5"],
  65 ["DOWN", "9"],
  66 ["DOWN", "13"],
  67 ["UP", "9"],
  68 ["UP", "5"],
  69 ["UP", "1"],
  70 ["RIGHT", "2"],
  71 ["DOWN", "6"],
  72 ["DOWN", "10"],
  73 ["DOWN", "14"],
  74 ["UP", "10"],
  75 ["UP", "6"],
  76 ["UP", "2"],
  77 ["RIGHT", "3"],
  78 ["DOWN", "7"],
  79 ["DOWN", "11"],
  80 ["DOWN", "15"],
  81 ["UP", "11"],
  82 ["UP", "7"],
  83 ["UP", "3"],
  84 ["RIGHT", "4"],
  85 ["DOWN", "8"],
  86 ["DOWN", "12"],
  87 ["DOWN", "16"],
  88 ["UP", "12"],
  89 ["UP", "8"],
  90 ["UP", "4"],
  91 ["DONE", "DONE"]
  92 ];
  93
  94 var prefs = [
  95 ["enabled",           "bool", true],
  96 ["xulContentEnabled", "bool", true],
  97 ["keyCode.modifier",  "char", "none"],
  98 ];
  99
 100 function onLoad()
 101 {
 102     prepareTest(prefs);
 103
 104     // starting the test itself.
 105     var x = document.getElementById("some-content");
 106     SpatialNavigation.init(x);
 107
 108     // get to a known place.
 109     document.getElementById("1").focus();
 110
 111     testMoves(moveTable);
 112
 113     SimpleTest.waitForExplicitFinish();
 114
 115     SpatialNavigation.uninit();
 116 }
 117
 118 ]]></script>
 119 </window>