diff options
Diffstat (limited to '')
| -rw-r--r-- | layout/reftests/mathml/dir-5.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/layout/reftests/mathml/dir-5.html b/layout/reftests/mathml/dir-5.html new file mode 100644 index 0000000000..dca12c49be --- /dev/null +++ b/layout/reftests/mathml/dir-5.html @@ -0,0 +1,76 @@ +<!DOCTYPE html> +<html> + <head><title>Test dir=rtl</title></head> + <body> + + <!-- mmultiscripts. The formulas + + 1 3 3 1 + X in dir=ltr and X in dir=rtl + 2 4 4 2 + + do not match perfectly, so we use an alternative == reftest here + which is less strict. --> + + <!-- five vertical bands: red, green, magenta, blue and yellow --> + <div style="position: absolute; + top: 5px; left: 5px; width: 200px; height: 200px;"> + <div style="position: absolute; width: 40px; height: 200px; + left: 0px; background: red;"></div> + <div style="position: absolute; width: 40px; height: 200px; + left: 40px; background: green;"></div> + <div style="position: absolute; width: 40px; height: 200px; + left: 80px; background: magenta;"></div> + <div style="position: absolute; width: 40px; height: 200px; + left: 120px; background: blue;"></div> + <div style="position: absolute; width: 40px; height: 200px; + left: 160px; background: yellow;"></div> + </div> + + <!-- a mmultiscripts element whose children are squares of different + colors. In dir=rtl, the color of each square should match the one of + the band over which the square is positioned. Hence, this + mmultiscripts should not be visible. --> + <div style="position: absolute; + top: 5px; left: 5px; width: 200px; height: 200px;"> + <math dir="rtl"> + <mmultiscripts> + <mspace width="40px" height="40px" mathbackground="magenta"/> + + <mspace width="40px" height="40px" mathbackground="green"/> + <mspace width="40px" height="40px" mathbackground="green"/> + + <mspace width="40px" height="40px" mathbackground="red"/> + <mspace width="40px" height="40px" mathbackground="red"/> + + <mprescripts/> + + <mspace width="40px" height="40px" mathbackground="yellow"/> + <mspace width="40px" height="40px" mathbackground="yellow"/> + + <mspace width="40px" height="40px" mathbackground="blue"/> + <mspace width="40px" height="40px" mathbackground="blue"/> + </mmultiscripts> + </math> + </div> + + <!-- We add black vertical bands to cover spaces between the children of + mmultiscripts. --> + <div style="position: absolute; + top: 5px; left: 5px; width: 200px; height: 200px;"> + <div style="position: absolute; width: 10px; height: 200px; + left: -5px; background: black;"></div> + <div style="position: absolute; width: 10px; height: 200px; + left: 35px; background: black;"></div> + <div style="position: absolute; width: 10px; height: 200px; + left: 75px; background: black;"></div> + <div style="position: absolute; width: 10px; height: 200px; + left: 115px; background: black;"></div> + <div style="position: absolute; width: 10px; height: 200px; + left: 155px; background: black;"></div> + <div style="position: absolute; width: 10px; height: 200px; + left: 195px; background: black;"></div> + </div> + + </body> +</html> |