1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Spatial Navigation Test Cases</title>
</head>
<body>
<div style="margin-left: 40px; text-align: center;">
<h1 style="text-align: left;">Spatial Navigation Fun</h1>
<h2 style="text-align: left;">3x3 Centered Table Test</h2>
</div>
<table style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
</tr>
<tr>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
</tr>
<tr>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
</tr>
</tbody>
</table>
<div style="margin-left: 40px; text-align: left;"><br>
<div style="text-align: left;">
<h2>Vertical Sine Test</h2><br>
</div>
<div style="text-align: left;">
<a href="a">test<br></a>
</div>
<div style="margin-left: 40px;">
<a href="a">test<br></a>
</div>
<div style="margin-left: 80px;">
<a href="a">test<br></a>
</div>
<div style="margin-left: 40px;">
<a href="a">test<br></a>
</div>
<a href="a">test<br></a>
<div style="margin-left: 40px;">
<a href="a">test<br></a>
</div>
<div style="margin-left: 80px;">
<a href="a">test<br></a>
</div>
<div style="margin-left: 40px;">
<a href="a">test<br></a>
</div>
<a href="a">test<br></a>
<a href="a">test<br></a>
<h2>Increasing sentence length</h2>
<a href="a">H</a><br>
<a href="p">Ho<br></a>
<a href="p">How<br></a>
<a href="p">How <br></a>
<a href="p">How N</a><br>
<a href="p">How No</a><br>
<a href="p">How Now</a><br>
<a href="p">How Now </a><br>
<a href="p">How Now B</a><br>
<a href="p">How Now Br</a><br>
<a href="p">How Now Bro</a><br>
<a href="p">How Now Brow</a><br>
<a href="p">How Now Brown</a><br>
<a href="p">How Now Brown </a><br>
<a href="p">How Now Brown C</a><br>
<a href="p">How Now Brown Co</a><br>
<a href="p">How Now Brown Cow</a><br>
<br>
<h2>Split sentence<br></h2><br>
<a href="p">H</a> <a href="p">ow Now Brown Cow</a><br>
<a href="p">Ho</a> <a href="p">w Now Brown Cow</a><br>
<a href="p">How</a> <a href="p">Now Brown Cow</a><br>
<a href="p">How N</a> <a href="p">ow Brown Cow</a><br>
<a href="p">How No</a> <a href="p">w Brown Cow</a><br>
<a href="p">How Now </a> <a href="p">Brown Cow</a><br>
<a href="p">How Now B</a> <a href="p">rown Cow</a><br>
<a href="p">How Now Br</a> <a href="p">own Cow</a><br>
<a href="p">How Now Bro</a> <a href="p">wn Cow</a><br>
<a href="p">How Now Brow</a> <a href="p">n Cow</a><br>
<a href="p">How Now Brown</a> <a href="p">Cow</a><br>
<a href="p">How Now Brown C</a> <a href="p">ow</a><br>
<a href="p">How Now Brown Co</a> <a href="p">w</a><br>
<a href="p">How Now Brown Cow</a><br><br>
<h2>Line Wrap Test</h2><br>
<table style="text-align: left; width: 393px; height: 72px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">
<span class="huge">
<a href="a">Which of the following constanst do you like the most, one is g, one is pi, and the other is e. </a><br>
</span>
</td>
<td style="vertical-align: top;">
<a href="a">3.14</a><br>
<a href="a">2.71</a><br>
<a href="a">6.67</a><br>
</td>
</tr>
</tbody>
</table><br>
<h2>Javascript Focus/Blur Test</h2>
When going to any link from the following link, you should see a dialog.<br><br>
<a href="a" onblur='alert("onBlurt")'>Test</a><br><br>
<h2>IFrames</h2><br>
<iframe src="links.html"></iframe><br><br><br>
<h2>DIVs</h2><br>
<div id=v>
<a href="a">a</a>
<div id="Div1">
<a href="a">b</a>
</div>
<a href="a">c</a>
</div><br><br>
<a href="last">last</a>
</div>
</body>
</html>
|