blob: 0e53fd7835dfa5267b70b4b3387d241a37d0aab7 [file] [log] [blame]
<!DOCTYPE html><!-- webkit-test-runner [ experimental:CoreMathMLEnabled=false ] -->
<html>
<head><title>Test overall directionality</title></head>
<body>
<!-- Test dir="rtl" on <math>, <mrow> and <mstyle> elements. The rectangle
inside these elements should be displayed right-to-left. -->
<p>
math:
<math dir="rtl">
<mspace width="25px" height="25px" mathbackground="red"/>
<mspace width="25px" height="25px" mathbackground="green"/>
<mspace width="25px" height="25px" mathbackground="blue"/>
</math>
</p>
<p>
mrow:
<math>
<mrow dir="rtl">
<mspace width="25px" height="25px" mathbackground="red"/>
<mspace width="25px" height="25px" mathbackground="green"/>
<mspace width="25px" height="25px" mathbackground="blue"/>
</mrow>
</math>
</p>
<p>
mstyle:
<math>
<mstyle dir="rtl">
<mspace width="25px" height="25px" mathbackground="red"/>
<mspace width="25px" height="25px" mathbackground="green"/>
<mspace width="25px" height="25px" mathbackground="blue"/>
</mstyle>
</math>
</p>
<!-- dir="rtl" on <msqrt> should be ignored. The rectangle
inside this element should be displayed left-to-right. -->
<p>
msqrt:
<math>
<msqrt dir="rtl">
<mspace width="25px" height="25px" mathbackground="red"/>
<mspace width="25px" height="25px" mathbackground="green"/>
<mspace width="25px" height="25px" mathbackground="blue"/>
</msqrt>
</math>
</p>
</body>
</html>