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