Unreviewed, rolling out r100835.
[WebKit-https.git] / Source / WebCore / manual-tests / 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>