ManualTests/spatial-navigation/spatial-navigation-test-cases.html

   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>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<a href="p">ow Now Brown Cow</a><br>
  95       <a href="p">Ho</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="p">w Now Brown Cow</a><br>
  96       <a href="p">How</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="p">Now Brown Cow</a><br>
  97       <a href="p">How N</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; <a href="p">ow Brown Cow</a><br>
  98       <a href="p">How No</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <a href="p">w Brown Cow</a><br>
  99       <a href="p">How Now </a>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <a href="p">Brown Cow</a><br>
 100       <a href="p">How Now B</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <a href="p">rown Cow</a><br>
 101       <a href="p">How Now Br</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <a href="p">own Cow</a><br>
 102       <a href="p">How Now Bro</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <a href="p">wn Cow</a><br>
 103       <a href="p">How Now Brow</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="p">n Cow</a><br>
 104       <a href="p">How Now Brown</a> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; <a href="p">Cow</a><br>
 105       <a href="p">How Now Brown C</a> &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <a href="p">ow</a><br>
 106       <a href="p">How Now Brown Co</a> &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <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>