summaryrefslogtreecommitdiffstats
path: root/layout/reftests/mathml/mtable-rowalign-single-mtr-dynamic.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/mathml/mtable-rowalign-single-mtr-dynamic.html')
-rw-r--r--layout/reftests/mathml/mtable-rowalign-single-mtr-dynamic.html155
1 files changed, 155 insertions, 0 deletions
diff --git a/layout/reftests/mathml/mtable-rowalign-single-mtr-dynamic.html b/layout/reftests/mathml/mtable-rowalign-single-mtr-dynamic.html
new file mode 100644
index 000000000..d255c965d
--- /dev/null
+++ b/layout/reftests/mathml/mtable-rowalign-single-mtr-dynamic.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <title>Test MathML rowalign</title>
+ <script type="text/javascript">
+ function doTest()
+ {
+ var table1 = document.getElementById("table1");
+ var table2 = document.getElementById("table2");
+ var table3 = document.getElementById("table3");
+ var rows = undefined;
+
+ // Table 1 setup
+ rows = table1.getElementsByTagName("mtr");
+ for(var i = 0; i < rows.length; i++)
+ rows[i].setAttribute("rowalign", "top");
+
+ // Table 2 setup
+ rows = table2.getElementsByTagName("mtr");
+ for(var i = 0; i < rows.length; i++)
+ rows[i].setAttribute("rowalign", "center");
+
+ // Table 3 setup
+ rows = table3.getElementsByTagName("mtr");
+ for(var i = 0; i < rows.length; i++)
+ rows[i].setAttribute("rowalign", "bottom");
+
+ document.documentElement.removeAttribute("class");
+ }
+ window.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <body>
+ <b>rowalign="top"</b> <br/>
+ <math>
+ <mstyle>
+ <mtable id="table1">
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ </mtable>
+ </mstyle>
+ </math> <br />
+ <b>rowalign="center"</b> <br />
+ <math>
+ <mstyle>
+ <mtable id="table2">
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ </mtable>
+ </mstyle>
+ </math> <br />
+ <b>rowalign="bottom"</b> <br />
+ <math>
+ <mstyle>
+ <mtable id="table3">
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ <mtr>
+ <mtd>
+ <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
+ </mtd>
+ <mtd>
+ <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
+ </mtd>
+ </mtr>
+ </mtable>
+ </mstyle>
+ </math>
+ </body>
+</html>