toolkit/spatial-navigation/tests/chrome/test_snav.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</a>
  22 <table
  23  style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
  24   <tbody>
  25     <tr>
  26       <td style="vertical-align: top; text-align: center;"><a id="1" href="a">test</a></td>
  27       <td style="vertical-align: top; text-align: center;"><a id="2" href="a">test</a></td>
  28       <td style="vertical-align: top; text-align: center;"><a id="3" href="a">test</a></td>
  29     </tr>
  30     <tr>
  31       <td style="vertical-align: top; text-align: center;"><a id="4" href="a">test</a></td>
  32       <td style="vertical-align: top; text-align: center;"><a id="5" href="a">test</a></td>
  33       <td style="vertical-align: top; text-align: center;"><a id="6" href="a">test</a></td>
  34     </tr>
  35     <tr>
  36       <td style="vertical-align: top; text-align: center;"><a id="7" href="a">test</a></td>
  37       <td style="vertical-align: top; text-align: center;"><a id="8" href="a">test</a></td>
  38       <td style="vertical-align: top; text-align: center;"><a id="9" href="a">test</a></td>
  39     </tr>
  40   </tbody>
  41 </table>
  42 </body>
  43
  44
  45 <script class="testbody" type="application/javascript">
  46 <![CDATA[
  47 Components.utils.import("resource://gre/modules/SpatialNavigation.js");
  48
  49 var moveTable = [
  50 ["DOWN", "1"],
  51 ["DOWN", "4"],
  52 ["DOWN", "7"],
  53 ["RIGHT", "8"],
  54 ["RIGHT", "9"],
  55 ["UP", "6"],
  56 ["UP", "3"],
  57 ["LEFT", "2"],
  58 ["LEFT", "1"],
  59 ["DONE", "DONE"]
  60 ];
  61
  62 var prefs = [
  63 ["enabled",           "bool", true],
  64 ["xulContentEnabled", "bool", true],
  65 ["keyCode.modifier",  "char", "none"],
  66 ];
  67
  68 function onLoad()
  69 {
  70     prepareTest(prefs);
  71
  72     // starting the test itself.
  73     var x = document.getElementById("some-content");
  74     SpatialNavigation.init(x);
  75
  76     // get to a known place.
  77     document.getElementById("start").focus();
  78
  79     testMoves(moveTable);
  80
  81     SimpleTest.waitForExplicitFinish();
  82
  83     SpatialNavigation.uninit();
  84 }
  85
  86 ]]></script>
  87 </window>