Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / accessibility / w3c-svg-roles.html
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4 <script src="../resources/js-test-pre.js"></script>
5 </head>
6 <body id="body">
7 <div id="content">
8 <svg>
9   <path id="test1" aria-labelledby="t1" aria-label="down" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
10     <title>abc</title>
11     <desc>down</desc>
12   </path>
13   <text id="t1" x="40" y="90">end</text>
14 </svg>
15 <svg>
16   <path id="test2" aria-labelledby="t2" aria-label="down" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
17     <title>abc</title>
18   </path>
19   <text id="t2" x="40" y="90">end</text>
20 </svg>
21 <svg>
22   <path id="test3" aria-labelledby="t3" aria-label="down" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
23     <desc>abc</desc>
24   </path>
25   <text id="t3" x="40" y="90">end</text>
26 </svg>
27 <svg>
28   <path id="test4" aria-labelledby="t4" aria-label="bob" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img"/>
29   <text id="t4" x="40" y="90">end</text>
30 </svg>
31 <svg>
32   <path id="test5" aria-labelledby="t5" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
33     <title>abc</title>
34   </path>
35   <text id="t5" x="40" y="90">end</text>
36 </svg>
37 <svg>
38   <path id="test6" aria-labelledby="t6" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
39     <desc>abc</desc>
40   </path>
41   <text id="t6" x="40" y="90">end</text>
42 </svg>
43 <svg>
44   <path id="test7" aria-labelledby="t1" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img"/>
45   <text id="t7" x="40" y="90">end</text>
46 </svg>
47 <svg>
48   <path id="test8" aria-label="hello" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
49     <title>abc</title>
50   </path>
51 </svg>
52 <svg>
53   <path id="test9" aria-label="hello" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img"/>
54 </svg>
55 <svg>
56   <path id="test10" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
57     <title>abc</title>
58   </path>
59 </svg>
60 <svg>
61   <path id="test11" d="M 100 100 L 300 100 L 200 300 z" fill="red" data-expected="role: img">
62     <desc>abc</desc>
63   </path>
64 </svg>
65 <svg>
66   <circle id="test12" aria-labelledby="t12" aria-label="bob" cx="50" cy="100" r="4" data-expected="role: img">
67     <title>abc</title>
68   </circle>
69   <text id="t12" x="40" y="90">end</text>
70 </svg>
71 <svg>
72   <circle id="test13" aria-labelledby="t13" aria-label="bob" cx="50" cy="100" r="4" data-expected="role: img"/>
73     <text id="t13" x="40" y="90">end</text>
74 </svg>
75 <svg>
76   <circle id="test14" aria-labelledby="t14" cx="50" cy="100" r="4" data-expected="role: img">
77     <title>abc</title>
78   </circle>
79   <text id="t14" x="40" y="90">end</text>
80 </svg>
81 <svg>
82   <circle id="test15" aria-labelledby="t15" cx="50" cy="100" r="4" data-expected="role: img"/>
83   <text id="t15" x="40" y="90">end</text>
84 </svg>
85 <svg>
86   <circle id="test16" aria-label="hello" cx="10" cy="10" r="5" data-expected="role: img">
87     <title>abc</title>
88   </circle>
89 </svg>
90 <svg>
91   <circle id="test17" aria-label="hello" cx="10" cy="10" r="5" data-expected="role: img"/>
92 </svg>
93 <svg>
94   <circle id="test18" cx="10" cy="100" r="5" data-expected="role: img">
95     <title>abc</title>
96   </circle>
97 </svg>
98 <svg>
99   <rect id="test19" aria-label="hello" x="10" y="10" width="50" height="30" data-expected="role: img"/>
100 </svg>
101 <svg>
102   <ellipse id="test20" cx="10" cy="100" rx="25" ry="15" data-expected="role: img">
103     <title>abc</title>
104   </ellipse>
105 </svg>
106 <svg>
107   <line id="test21" aria-label="hello" x1="10" y1="10" x2="50" y2="10" data-expected="role: img"/>
108 </svg>
109 <svg>
110   <polyline id="test22" aria-label="hello" fill="none" stroke="blue" stroke-width="10" points="50,375 150,375 150,325 250,325 250,375 350,375 350,250 450,250 450,375 550,375 550,175 650,175 650,375 750,375 750,100 850,100 850,375 950,375 950,25 1050,25 1050,375 1150,375" data-expected="role: img"/>
111 </svg>
112 <svg>
113   <polygon id="test23" fill="magenta" points="850,75 958,137.5 958,262.5 850,325 742,262.6 742,137.5" data-expected="role: img">
114     <desc>built up area</desc>
115   </polygon>
116 </svg>
117 <svg>
118   <foreignObject id="test24" width="100" height="50" aria-label="word wrap example" data-expected="role: group">
119     <body xmlns="http://www.w3.org/1999/xhtml">Here is a paragraph that requires word wrap</body>
120   </foreignObject>
121 </svg>
122 <svg>
123   <g id="test25" data-expected="role: group">
124     <title>Venn Diagram</title>
125     <circle cx="50" cy="50" r="20" aria-label="set A"/>
126     <circle cx="50" cy="75" r="20" aria-label="set B"/>
127   </g>
128 </svg>
129 <svg>
130   <image id="test26" x="200" y="200" width="100px" height="100px" href="myimage.png" data-expected="role: img">
131     <title>My image</title>
132   </image>
133 </svg>
134 <svg id="test27" width="4in" height="3in" xmlns="http://www.w3.org/2000/svg" data-expected="role: group">
135   <desc>This graphic links to an external image</desc>
136   <image x="200" y="200" width="100px" height="100px" href="myimage.png">
137     <title>My image</title>
138   </image>
139 </svg>
140 <svg>
141   <defs>
142     <rect id="MyRect28" width="60" height="10"/>
143   </defs>
144   <use id="test28" x="20" y="10" href="#MyRect28" aria-label="black bar" data-expected="role: img"/>
145 </svg>
146 <svg>
147   <text id="test29" x="250" y="180" font-family="Verdana" font-size="64" fill="blue" data-expected="role: group">Hello, out there!</text>
148 </svg>
149 <svg>
150   <text transform="rotate(45)">
151     <textPath id="test30" href="#path1" data-expected="role: group">Text on a path1</textPath>
152   </text>
153 </svg>
154 <svg>
155   <text x="100" y="180" fill="blue" >But you
156     <tspan id="test31" dx="2em" dy="-50" font-weight="bold" fill="red" tabindex="0" data-expected="role: group"> are a peach </tspan>
157   </text>
158 </svg>
159 <svg>
160   <text x="100" y="180" fill="blue" >But you
161     <tspan id="test32" dx="2em" dy="-50" font-weight="bold" fill="red" data-expected="(not exposed)"> are a peach </tspan>
162   </text>
163 </svg>
164 </div>
165 <p id="description"></p>
166 <div id="console"></div>
167 <script>
168     description("This tests the exposure and role mapping of SVG path elements with properties requiring exposure.");
169     if (window.accessibilityController) {
170         var platform = accessibilityController.platformName;
171         for (var i = 1; i <= 32; i++) {
172             var element = document.getElementById("test" + i);
173             var axElement = accessibilityController.accessibleElementById("test" + i);
174             if (axElement)
175                 result = axElement.role;
176             else
177                 result = "Element not exposed";
178             debug("test" + i + ":\n\tExpected " + element.getAttribute("data-expected") + "\n\t" + result);
179         }
180         document.getElementById("content").style.visibility = "hidden";
181     }
182 </script>
183 <script src="../resources/js-test-post.js"></script>
184 </body>
185 </html>
186