Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / accessibility / table-cells-roles.html
1 <html>
2 <script src="../resources/js-test.js"></script>
3 <body>
4
5 <table id="table1">
6 <caption>table</caption>
7   <thead>
8   <tr>
9     <th>No</th>
10     <th>Country</th>
11     <th id="cell1">Capital</th>
12   </tr>
13   </thead>
14   <tbody>
15   <tr>
16     <th>1.</th>
17     <th>Poland</th>
18     <th >Warsaw</th>
19   </tr>
20   <tr>
21     <th id="cell5">2.</th>
22     <th id="cell2">Russia</th>
23     <th>Moscow</th>
24   </tr>
25    <tr>
26     <th>3.</th>
27     <td>Ukraine</td>
28     <th id="cell3">Kiev</th>
29   </tr>
30   </tbody>
31   <tfoot>
32   <tr>
33     <th id="cell6">All</th>
34     <th id="cell4">3 countries</th>
35     <th>3 capitals</th>
36   </tr>
37   </tfoot>
38 </table>
39 <br>
40 <br>
41
42 <table id="table2">
43 <caption>table2</caption>
44   <tr>
45     <th>No</th>
46     <th>Country</th>
47     <th id="cell21">Capital</th>
48   </tr>
49   <tr>
50     <th>1.</th>
51     <th>Germany</th>
52     <th>Berlin</th>
53   </tr>
54   <tr>
55     <th id="cell25">2.</th>
56     <th id="cell22">Sweden</th>
57     <th>Stockholm</th>
58   </tr>
59    <tr>
60     <th>3.</th>
61     <td>Norway</td>
62     <th id="cell23">Oslo</th>
63   </tr>
64 </table>
65
66
67 <br>
68 <br>
69 <p>This test checks the correctness of roles for different cases of table cells.</p>
70 <div id="console"></div>
71
72 <script>
73   if (window.accessibilityController) {
74       var table = accessibilityController.accessibleElementById("table1");
75       var cell1 = table.cellForColumnAndRow(2, 0);
76       var role1 = cell1.role;
77       var cell2 = table.cellForColumnAndRow(1, 2);
78       var role2 = cell2.role;
79       var cell3 = table.cellForColumnAndRow(2, 3);
80       var role3 = cell3.role;
81       var cell4 = table.cellForColumnAndRow(1, 4);
82       var role4 = cell4.role;
83       var cell5 = table.cellForColumnAndRow(0, 2);
84       var role5 = cell5.role;
85       var cell6 = table.cellForColumnAndRow(0, 4);
86       var role6 = cell6.role;
87
88       debug("The table cell at (2,0) currently has role  " + role1 + " .");
89       debug("The table cell at (1,2) currently has role  " + role2 + " .");
90       debug("The table cell at (2,3) currently has role  " + role3 + " .");
91       debug("The table cell at (1,4) currently has role  " + role4 + " .");
92       debug("The table cell at (0,2) currently has role  " + role5 + " .");
93       debug("The table cell at (0,4) currently has role  " + role6 + " .\n");
94
95
96       var table2 = accessibilityController.accessibleElementById("table2");
97       var cell21 = table2.cellForColumnAndRow(2, 0);
98       var role21 = cell21.role;
99       var cell22 = table2.cellForColumnAndRow(1, 2);
100       var role22 = cell22.role;
101       var cell23 = table2.cellForColumnAndRow(2, 3);
102       var role23 = cell23.role;
103       var cell25 = table2.cellForColumnAndRow(0, 2);
104       var role25 = cell25.role;
105
106       debug("The table2 cell at (2,0) currently has role  " + role21 + " .");
107       debug("The table2 cell at (1,2) currently has role  " + role22 + " .");
108       debug("The table2 cell at (2,3) currently has role  " + role23 + " .");
109       debug("The table2 cell at (0,2) currently has role  " + role25 + " .");
110     }
111 </script>
112
113 </body>
114 </html>