9e4084a2b98bb757ee9c913786e6ab2759cff5c0
[WebKit-https.git] / LayoutTests / accessibility / table-detection.html
1 <html>
2 <script>
3     if (window.layoutTestController)
4         layoutTestController.dumpAsText();
5 </script>
6 <body id="body">
7
8     This should be a table because it has a thead
9     <table border=0>
10     <thead><tr><td>asdf</td><td>asdf</td></tr></thead>
11     <tr><td>asdf</td><td>asdf</td></tr>
12     </table>
13
14     This should be a table because cells have borders
15     <table border=1>
16     <tr><td >asdf</td><td>asdf</td></tr>
17     </table>
18
19     This should not be a table because it's cells do not have borders
20     <table style='border: 1px solid black'>
21     <tr><td >asdf</td><td>asdf</td></tr>
22     </table>
23
24     // This should be a table because a cell has a special attribute
25     <table border=0 cellpadding=0>
26     <tr><td abbr="abbr tag">asdf</td><td>asdf</td></tr>
27     </table>
28
29     // This should be a table because a cell has a special attribute
30     <table border=0 cellpadding=0>
31     <tr><td axis="abbr tag">asdf</td><td>asdf</td></tr>
32     </table>
33
34     // This should be a table because a cell has a special attribute
35     <table border=0 cellpadding=0>
36     <tr><td id="test">asdf</td><td>asdf</td></tr>
37     <tr><td headers="test">asdf</td><td>asdf</td></tr>
38     </table>
39
40     // This should be a table because cells have different colors
41     <table border=0 cellpadding=0>
42     <tr><td bgcolor="red">asdf</td><td bgcolor="blue">asdf</td></tr>
43     </table>
44
45     // This should not be a table because cells have different but no spacing
46     <table border=0 cellpadding=0 cellspacing=0>
47     <tr><td style="background-color: red;">asdf</td><td style="background-color: blue;">asdf</td></tr>
48     </table>
49
50     // This should not be a table because cells have the same  colors even though there is spacing
51     <table border=0 cellpadding=0 bgcolor="green" cellspacing=3>
52     <tr><td style="background-color: green;">asdf</td><td style="background-color: green;">asdf</td></tr>
53     </table>
54
55     // this should be a table because it has the "rules" attr
56     <table rules="cols" border=0 cellpadding=0>
57     <tr><td>asdf</td><td>asdf</td></tr>
58     </table>
59
60     <div id="result"></div>
61     
62     <script>
63         if (window.accessibilityController) {
64             var body = document.getElementById("body");
65             body.focus();
66             var table = accessibilityController.focusedElement;
67             
68             result.innerText += "--------------------------\n\n"; 
69             result.innerText += table.attributesOfChildren() + "\n\n"; 
70             result.innerText += "--------------------------\n\n"; 
71         }
72     </script>
73 </body>
74 </html>