Add a test for media control dropoff
[WebKit-https.git] / LayoutTests / mathml / presentation / multiscripts-positions.html
1 <!doctype html>
2 <html>
3   <head>
4     <title>positions of scripts</title>
5     <meta charset="utf-8"/>
6   </head>
7   <body>
8
9     <!-- This page contains several <mmultiscripts> elements. We place black squares at the position where we expect some red scripts to be. The reference page is the same with only the colors of these scripts changed. If the scripts are correctly placed, they will be covered by the black squares and thus the color difference is not perceptible. -->
10
11     <!-- Testing post subscript -->
12     <p style="position: absolute; left: 0; top: 0;">
13       <math>
14         <mspace height="50px" depth="50px"/>
15         <mmultiscripts>
16           <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
17           <mspace width="10px" height="10px" mathbackground="red"/>
18           <none/>
19         </mmultiscripts>
20       </math>
21     </p>
22     <p style="position: absolute; left: 15px; top: 10px;">
23       <math>
24         <mspace height="50px" depth="50px"/>
25         <mrow>
26           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
27         </mrow>
28       </math>
29     </p>
30
31     <!-- Testing post superscript -->
32     <p style="position: absolute; left: 100px; top: 0;">
33       <math>
34         <mspace height="50px" depth="50px"/>
35         <mmultiscripts>
36           <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
37           <none/>
38           <mspace width="10px" height="10px" mathbackground="red"/>
39         </mmultiscripts>
40       </math>
41     </p>
42     <p style="position: absolute; left: 115px; top: -10px;">
43       <math>
44         <mspace height="50px" depth="50px"/>
45         <mrow>
46           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
47         </mrow>
48       </math>
49     </p>
50
51     <!-- Testing pre subscript -->
52     <p style="position: absolute; left: 200px; top: 0;">
53       <math>
54         <mspace height="50px" depth="50px"/>
55         <mmultiscripts>
56           <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
57           <mprescripts/>
58           <mspace width="10px" height="10px" mathbackground="red"/>
59           <none/>
60         </mmultiscripts>
61       </math>
62     </p>
63     <p style="position: absolute; left: 195px; top: +10px;">
64       <math>
65         <mspace height="50px" depth="50px"/>
66         <mrow>
67           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
68         </mrow>
69       </math>
70     </p>
71
72     <!-- Testing pre postscript -->
73     <p style="position: absolute; left: 300px; top: 0;">
74       <math>
75         <mspace height="50px" depth="50px"/>
76         <mmultiscripts>
77           <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
78           <mprescripts/>
79           <none/>
80           <mspace width="10px" height="10px" mathbackground="red"/>
81         </mmultiscripts>
82       </math>
83     </p>
84     <p style="position: absolute; left: 295px; top: -10px;">
85       <math>
86         <mspace height="50px" depth="50px"/>
87         <mrow>
88           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
89         </mrow>
90       </math>
91     </p>
92
93     <!-- Testing the leftmost pre subscript and rightmost post superscript -->
94     <p style="position: absolute; left: 0; top: 100px;">
95       <math>
96         <mspace height="50px" depth="50px"/>
97         <mmultiscripts>
98           <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
99           <mspace width="10px" depth="10px" mathbackground="orange"/>
100           <mspace width="10px" height="10px" mathbackground="green"/>
101           <mspace width="10px" depth="10px" mathbackground="green"/>
102           <mspace width="10px" height="10px" mathbackground="red"/>
103           <mprescripts/>
104           <mspace width="10px" depth="10px" mathbackground="red"/>
105           <mspace width="10px" height="10px" mathbackground="green"/>
106           <mspace width="10px" depth="10px" mathbackground="green"/>
107           <mspace width="10px" height="10px" mathbackground="orange"/>
108         </mmultiscripts>
109       </math>
110     </p>
111     <p style="position: absolute; left: -5px; top: 120px;">
112       <math>
113         <mspace height="50px" depth="50px"/>
114         <mrow>
115           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
116         </mrow>
117       </math>
118     </p>
119     <p style="position: absolute; left: 45px; top: 90px;">
120       <math>
121         <mspace height="50px" depth="50px"/>
122         <mrow>
123           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
124         </mrow>
125       </math>
126     </p>
127
128     <!-- Testing the leftmost pre superscript and rightmost post subscript -->
129     <p style="position: absolute; left: 100px; top: 100px;">
130       <math>
131         <mspace height="50px" depth="50px"/>
132         <mmultiscripts>
133           <mspace width="20px" height="10px" depth="10px" mathbackground="blue"/>
134           <mspace width="10px" depth="10px" mathbackground="green"/>
135           <mspace width="10px" height="10px" mathbackground="orange"/>
136           <mspace width="10px" depth="10px" mathbackground="red"/>
137           <mspace width="10px" height="10px" mathbackground="green"/>
138           <mprescripts/>
139           <mspace width="10px" depth="10px" mathbackground="green"/>
140           <mspace width="10px" height="10px" mathbackground="red"/>
141           <mspace width="10px" depth="10px" mathbackground="orange"/>
142           <mspace width="10px" height="10px" mathbackground="green"/>
143         </mmultiscripts>
144       </math>
145     </p>
146     <p style="position: absolute; left: 95px; top: 90px;">
147       <math>
148         <mspace height="50px" depth="50px"/>
149         <mrow>
150           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
151         </mrow>
152       </math>
153     </p>
154     <p style="position: absolute; left: 145px; top: 120px;">
155       <math>
156         <mspace height="50px" depth="50px"/>
157         <mrow>
158           <mspace width="20px" height="10px" depth="10px" mathbackground="black"/>
159         </mrow>
160       </math>
161     </p>
162
163   </body>
164 </html>