Bug 201603 - Synchronize MathML WPT tests against upstream
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / mathml / presentation-markup / operators / mo-paint-lspace-rspace-expected.html
1 <!DOCTYPE html>
2 <html>
3   <head>
4     <title>&lt;mo&gt; paint lspace rspace</title>
5     <meta charset="utf-8">
6   </head>
7   <body>
8     <h1>LTR case</h1>
9
10     <p>The test passes if the arrow has a leading space of 100px, which is as wide as the black block to the left,
11       and a trailing space of 200px, which is as wide as the black block to the right.</p>
12
13     <math>
14       <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace>
15       <mspace width="100px"></mspace>
16       <mo lspace="0px" rspace="0px">→</mo>
17       <mspace width="200px"></mspace>
18       <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace>
19     </math>
20
21     <p>The test passes if the arrow has a leading space of 150px, which is as wide as the black block to the left,
22       and a trailing space of 150px, which is as wide as the black block to the right.</p>
23
24     <math>
25       <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace>
26       <mspace width="150px"></mspace>
27       <mo lspace="0px" rspace="0px">→</mo>
28       <mspace width="150px"></mspace>
29       <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace>
30     </math>
31
32     <p>The test passes if the arrow has a leading space of 200px, which is as wide as the black block to the left,
33       and a trailing space of 100px, which is as wide as the black block to the right.</p>
34
35     <math>
36       <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace>
37       <mspace width="200px"></mspace>
38       <mo lspace="0px" rspace="0px">→</mo>
39       <mspace width="100px"></mspace>
40       <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace>
41     </math>
42
43     <h1>RTL case</h1>
44
45     <p>The test passes if the arrow has a leading space of 100px, which is as wide as the black block to the right,
46       and a trailing space of 200px, which is as wide as the black block to the left.</p>
47
48     <math dir="rtl">
49       <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace>
50       <mspace width="100px"></mspace>
51       <mo lspace="0px" rspace="0px">→</mo>
52       <mspace width="200px"></mspace>
53       <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace>
54     </math>
55
56     <p>The test passes if the arrow has a leading space of 150px, which is as wide as the black block to the right,
57       and a trailing space of 150px, which is as wide as the black block to the left.</p>
58
59     <math dir="rtl">
60       <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace>
61       <mspace width="150px"></mspace>
62       <mo lspace="0px" rspace="0px">→</mo>
63       <mspace width="150px"></mspace>
64       <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace>
65     </math>
66
67     <p>The test passes if the arrow has a leading space of 200px, which is as wide as the black block to the right,
68       and a trailing space of 100px, which is as wide as the black block to the left.</p>
69
70     <math dir="rtl">
71       <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace>
72       <mspace width="200px"></mspace>
73       <mo lspace="0px" rspace="0px">→</mo>
74       <mspace width="100px"></mspace>
75       <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace>
76     </math>
77   </body>
78 </html>