diff options
Diffstat (limited to 'testing/web-platform/mozilla/tests/mathml/tables/mtable-rowalign-single-mtr-dynamic.html')
-rw-r--r-- | testing/web-platform/mozilla/tests/mathml/tables/mtable-rowalign-single-mtr-dynamic.html | 156 |
1 files changed, 156 insertions, 0 deletions
diff --git a/testing/web-platform/mozilla/tests/mathml/tables/mtable-rowalign-single-mtr-dynamic.html b/testing/web-platform/mozilla/tests/mathml/tables/mtable-rowalign-single-mtr-dynamic.html new file mode 100644 index 0000000000..cb298c8047 --- /dev/null +++ b/testing/web-platform/mozilla/tests/mathml/tables/mtable-rowalign-single-mtr-dynamic.html @@ -0,0 +1,156 @@ +<!DOCTYPE html> +<html class="reftest-wait"> + <head> + <title>Test MathML rowalign</title> + <link rel="match" href="mtable-rowalign-single-ref.html"/> + <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"); + } + document.documentElement.addEventListener("TestRendered", doTest); + </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> |