• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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>
148