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 145 <h3> Form elements </h3> 146 147 <i> Make sure you can enter space in boxes below </i> <br> 148 149 <input type="text" /> <br><br> 150 <textarea></textarea> 151 152 <h3> Content editable </h3> 153 154 <i> Make sure you can edit the text below and enter spaces. </i> <br><br> 155 156 <div contentEditable="true"> 157 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec nisi et lectus vulputate fermentum eget a eros. Mauris blandit, enim ac varius ultricies, tortor orci semper sem, in faucibus eros dolor nec turpis. Vestibulum tincidunt pellentesque lacus, ut tincidunt ipsum pretium laoreet. Nulla sed mi magna. Aliquam vitae quam viverra, sodales augue pretium, pharetra odio. Nunc iaculis nisi augue, quis ullamcorper lorem congue ut. Proin id ligula ipsum. 158 159 Nulla auctor porta sapien, vitae elementum libero rhoncus ac. Sed pretium vel neque a interdum. Duis id tristique lacus. Nulla vel lobortis libero. Morbi nisi quam, aliquet vel leo id, hendrerit imperdiet sem. Mauris interdum, odio non interdum tempus, turpis tellus ornare ipsum, quis cursus risus tellus quis nisl. Suspendisse dictum elit ut lectus auctor tincidunt. Aenean at egestas mi. Morbi porttitor dictum ipsum blandit tincidunt. Sed eu justo libero. Proin interdum tempor gravida. 160 </div> 161 162 <br><br> 163 164 <a href="last">last</a> 165 </div> 166 </body> 167 </html> 168
