<!DOCTYPE html>
<a id="start" href="a">a</a><br>
<table>
<tbody>
<tr>
<td style="font-size: small;"><a id="1" href="a">a</a></td>
<td style="font-size: small;"><a id="2" href="a">a</a></td>
<td style="font-size: small;"><a id="3" href="a">a</a></td>
</tr>
<tr>
<td style="font-size: small;"><a id="4" href="a">a</a></td>
<td style="font-size: small;"><a id="5" href="a">a</a></td>
<td style="font-size: small;"><a id="6" href="a">a</a></td>
</tr>
<tr>
<td style="font-size: small;"><a id="7" href="a">a</a></td>
<td style="font-size: small;"><a id="8" href="a">a</a></td>
<td style="font-size: small;"><a id="9" href="a">a</a></td>
</tr>
</tbody>
</table>
<div style='margin-top:8px'>
<a id="end" href="a">a</a>
</div>
<div style="margin-left: 50px; margin-top:-70px">
<a id="right" href="http://www.google.com">a</a>
</div>
<p>
This test ensures the basic table traversal correctness of Spatial Navigation (SNav) algorithm:<br>
focusable elements in a table element should be accessible.<br>
* Navigation steps:<br>
1) Loads this page, focus goes to "start" automatically.<br>
2) Focus moves along the elements in the table, eventually going to outer southward and eastward links,<br>
but going back inside the table later on.<br>
</p>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
var resultMap = [
["Down", "1"],
["Down", "4"],
["Down", "7"],
["Down", "end"],
["Up", "7"],
["Right", "8"],
["Right", "9"],
["Up", "6"],
["Right", "right"],
["Left", "6"],
["Up", "3"],
["Left", "2"],
["Left", "1"]
];
// Start at a known place.
document.getElementById("start").focus();
snav.assertFocusMoves(resultMap);
</script>
Codebase Browser
chromium